javascript - ng-model 进入文本区域不会更新

Question

我使用此函数通过 ng-click 将一些产品代码添加到文本区域中:

<textarea ng-model="rec.LOTTI">{{rec.lotti}}</textarea>

    <div ng-repeat="reci in recis">
      <div class="chip" ng-click="addTrack(reci.lotto)" style="float:left;margin:2px">
    {{reci.prodotto}}
    <i class="icon ion-plus-circled"></i>
  </div>
  </div>

$scope.addTrack = function(l){
    $scope.rec.lotti = $scope.rec.lotti+", "+l;
    console.log(l+$scope.rec.lotti);
}

问题是每次我点击时 ng-model 值都会更新，但在文本区域内我看不到任何东西!

Answer 1

当你有一个ng-model(它是双向绑定(bind))时，在你的文本区域内没有必要有{{rec.lotti}}。还有一点是 rec.lotti 不是 rec.LOTTI； Angular JS 区分大小写。正确的是:

<textarea ng-model="rec.lotti"></textarea>