Angular js中的ng-repeat

Question

<td >
    <div class="form-group" ng-repeat="K in datavalue">
        <div ng-if="(p.id == K.emp_id && T.id == K.component_id)">    
            {{K.amount}}
        </div>
    </div>  

    <input type="text" placeholder="Enter value"  class="form-control" name="cvalue"   ng-model="T.cvalue"  required/> 
</td>

在这里我做了一个循环，其中还检查了一个表达式。
如果为真，则显示值，否则显示输入框。 但我的问题是，如果我在循环中插入输入框，那么如果表达式失败，输入框将显示数字。
否则，如果表达式为true和文本框一起显示{{K.amount}}的值。

我该如何解决这个问题？

Answer 1

ng-if创建一个隔离的作用域。 尝试改用ng-show ，这样输入元素上的ng-model将绑定到正确的范围：

<div ng-if="(p.id == K.emp_id && T.id == K.component_id)">
    {{K.amount}}
    <input type="text" placeholder="Enter value" class="form-control" name="cvalue" ng-model="T.cvalue" required/> 
</div>

Answer 2

使用 ng-show 和 ng-hide

<div class="form-group" ng-repeat="K in datavalue">
    <div ng-show="(p.id == K.emp_id && T.id == K.component_id)">
       {{K.amount}}
    </div>
    <div ng-hide="(p.id == K.emp_id && T.id == K.component_id)">
       <input type="text" placeholder="Enter value"  class="form-control" name="cvalue"   ng-model="T.cvalue"  required/> 
    </div>
</div>