如何將angularjs對象綁定到它們的鍵和值

Question

我閱讀了一些關於角度模型綁定的文章，只是出於好奇，我想知道它是否可以將鍵綁定到輸入，

http://jsfiddle.net/x3azn/jM28y/4/

所以我希望通過輸入框更新主arr並實現雙向鍵綁定。

這可能嗎？

Answer 1

如此解釋使用ngRepeat =>不可編輯的輸入將輸入綁定到基元數組 ，是的，你可以，但不是這樣

試試這個

function ctrl($scope) {
$scope.arr = [{name:'1', lastname: '2'},
              {name:'3', lastname: '4'},
              {name:'5', lastname: '6'}]
}

<div ng-repeat="person in arr">
    <input type="text" ng-model="person.name" />
    <input type="text" ng-model="person.lastname" />
</div>

http://jsfiddle.net/jM28y/5/

Answer 2

不，不可能將鍵綁定到輸入。

我發現你能做的最接近的事情是濫用ngRepeat的$index屬性並將其綁定到輸入。 您無法更改現有值的鍵，但可以更改顯示的值以及創建新的鍵值對。 我決不建議將其作為一種解決方案，我只想分享在調查這個問題時所產生的hackery。

JSFiddle： http ： //jsfiddle.net/DanielBank/v6tFG/

JavaScript的：

function ctrl($scope){
    $scope.obj = {
        '0': 'a',
        '1': 'b',
        '2': 'c',
        'George': 'Clooney',
    };
}

HTML：

<div ng-app>
<div ng-controller="ctrl">
    <div ng-repeat="value in obj">
        <input type="text" ng-model="$index"/>
        <input type="text" ng-model="obj[$index]"/>
        <input type="text" ng-model="value"/>
    </div>    
    {{obj}}
</div>
</div>