从模板中使用控制器中复杂ng模型的值

时间:2014-10-07 06:14:25

标签: angularjs angularjs-scope angularjs-ng-repeat

我在HTML循环中有输入框:

<div ng-repeat="line in list.performance_recommendations"> 
       <label>{{line.template.message}} 
                <input class="k-textbox" value="{{line.template.new_value}}" type="number" ng-model="line.template.new_value">
       </label> 
</div> 

这是样本数据:

      list.performance_recommendations = [
  {
   id : 121,
   template : {
       message : "Stop",
       new_value : 232,
      }
  },
  {
   id : 122,
   template : {
       message : "Paused",
       new_value : 23232,
      }
  }
 ]

如何在angularjs控制器中使用此ng-model?

$ scope.line.template.new_value没有工作。

1 个答案:

答案 0 :(得分:1)

您无法绑定到line,因为它是一个局部变量,它未在$scope上定义。尝试将您的HTML更新为:

<div ng-repeat="line in list.performance_recommendations"> 
       <label>{{line.template.message}} 
                <input class="k-textbox" value="{{line.template.new_value}}" type="number" ng-model="$parent.list.performance_recommendations[$index].template.new_value">
       </label> 
</div> 

我已创建a Fiddle来证明这一点。