JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app ng-controller="ConfigController">
    Config: {{config}}
    <div ng-controller="SettingController" ng-init="init('key1')">
        Items: {{items}}
        <div ng-repeat="item in items">
            <input ng-model="value['key1'][item]" type="text"/>
        </div>
    </div>
</div>

JavaScript

function ConfigController($scope)
{
    $scope.config = {"key1":["a","b","c"]};
    $scope.value = {key1: {a:'a', b:'b', c:'c'}};
}
function SettingController($scope)
{    
    var configKey = null;
	function update() {
		$scope.items = $scope.config[configKey];
	}
	$scope.init = function(key) {
        configKey = key;
		update();
	};
	$scope.$watch('config', update, true);
}