带有数组的ngModel

时间:2015-07-10 11:46:28

标签: angularjs angularjs-ng-model

我正在尝试在数组中组织我的(其他定义的)变量,但这打破了双向绑定。我不明白为什么我可以直接绑定变量,但不能间接绑定。我想这是一个愚蠢的错误。 示例here (jsfiddle)或以下:

HTML:

     <div id="header">
     <p id="logo"><img src="images/logo.png" alt="Bethan Rainforth a comedic dancer" >
     </p>
    </div>

    html,
    body {
    background-image: url(images/background.png);
    width: 98Hi, 9px;
    margin: 0 auto;
    min-height: 100%;
    }
    #header {
    margin-top: 40px;
   }

   #logo img {
   width: 320px;
   margin-top: -60px;
   margin-left: -50px;
   }

使用Javascript:

<div ng-controller="MyCtrl">
<input ng-model="test1"></input>
<input ng-model="test2[0]"></input>
<p>{{test1}}</p>
</div>

正如您所看到的,第一个输入绑定到变量并正确更新,而第二个输入取初始值,但不受约束。

1 个答案:

答案 0 :(得分:1)

实际上是有效的。见https://jsfiddle.net/ryekxkpL/2/

$scope.test2[0]$scope.test1的副本,因此与$scope.test2 = ['text goes here'];相同,更改它不会影响$scope.test1