在为ng-model使用动态索引时,无法在TextArea中键入内容?

时间:2014-12-25 05:21:13

标签: angularjs dynamic textarea angular-ngmodel

这个问题真的很奇怪,这个例子不容易:) TextArea以某种方式被阻止。

HTML

<div ng-app> 
<div ng-controller="ContactController">
<div  ng-repeat="x in names">
    <textarea class="form-control" rows="5" ng-model="dynamicTextArea[x.ID]">SOS</textarea>{{x.ID}} Why you can't type inside the area???
</div> 
</div>
</div>

<textarea class="form-control" rows="5" ng-model="dynamicTextArea" >SOS</textarea>

的javascript

 function ContactController($scope) {
     $scope.names = [
        {
        ID: '5'
         },
        {
        ID: '6'
        },
        {
        ID: '7'
        }
    ];

 }

我甚至创造了一个小提琴......

http://jsfiddle.net/c93qm5Lj/1/

€ 这是我实际想要做的其余代码,它可能会帮助那些被困了几个小时的人。我猜语法杀了我。

html

<button ng-click="addCommentBox(x.ID)" type="button" class="btn btn-xs btn-default">Submit comment</button>

的javascript

$scope.addCommentBox = function(myID) { 
                  alert($scope.dynamicTextArea[myID]);                   
}

1 个答案:

答案 0 :(得分:0)

好的,我刚刚发现了我的愚蠢错误。

$scope.dynamicTextArea = {};

你必须初始化它们。 但是我可以发誓我之前尝试过它并且它无论如何都没有工作O_O