【问题标题】:Angular ngRepeat dynamically create ngModel with $indexAngular ngRepeat 使用 $index 动态创建 ngModel
【发布时间】:2015-12-06 01:02:45
【问题描述】:

我有这个 html:

我想为这些输入动态创建 ng 模型:

     <div class="order" ng-repeat="order in newOrders">
          <input type="checkbox"  ng-model="model$index" />{{$index}} please check
     </div>

它不工作。 我有办法在 ng-repeat 内的输入中动态创建 ng-model 吗?

编辑

最终结果是:

  <input type="checkbox"  ng-model="model$index" />0 please check

我的预期结果是:

  <input type="checkbox"  ng-model="model0" />0 please check

【问题讨论】:

    标签: javascript angularjs checkbox angularjs-ng-repeat angular-ngmodel


    【解决方案1】:

    您尝试做的方式不合适,创建单独的 每个元素的变量,这将使更多的维护 工作。

    当您在ng-repeat 上应用任何filter 时,这也会变得混乱。取而代之的是,您可以将该模型值放在 ng-repeat 元素中,该元素在此处订购 order

     <div class="order" ng-repeat="order in newOrders">
         <input type="checkbox"  ng-model="order.value" />{{$index}} please check
     </div>
    

    【讨论】:

    • 使用 ng-model="model[$index]" 没有效果。这个值我之前必须设置吗?在控制器中?
    • @AlvaroJoao 很高兴为您提供帮助..谢谢 :)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-11-22
    • 2019-08-12
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多