ng-model值不在过滤的ng-repeat外部绑定

时间:2018-06-06 13:14:00

标签: angularjs

我是新来的,遇到了我的代码问题。

很遗憾,我无法在代码的其他部分使用ng-model{{x.name}}

<input ng-repeat="x in users | filter:{localip:lip} | filter:{publicip:pip}" 
       ng-model="x.name" value="{{x.name}}">

亲爱的阿列克谢谢谢。这是你的建议。

她是代码;

        <input style="margin-right:20px;width:80px;float:right" 
               ng-repeat="x in filtered_users = (users | filter:{localip:lip} | filter:{publicip:pip})"
               value="{{x.name}}"> 
    </div> 
</nav> 
<nav class="navbar navbar-inverse navbar-fixed-bottom">
    <div class="container-fluid" style="color:white">
         <span ng-bing="ip"> Genel Ip Adresiniz: {{pip}}</span><br> 
         <p>Yerel IP Adresiniz: {{lip}}</p>
    </div>
</nav>
<p ng-hide="!{{filtered_users[0].name}}">
    {{filtered_users[0].name}}
</p> 

我试图隐藏此值,如果它为null。

1 个答案:

答案 0 :(得分:0)

在AngularJS表达式中使用大括号{{ }}插值是不明智的。

而只是在ng-hide指令中使用表达式:

        <input style="margin-right:20px;width:80px;float:right" 
               ng-repeat="x in filtered_users = (users | filter:{localip:lip} | filter:{publicip:pip})"
               ng-model="x.name"  ̶v̶a̶l̶u̶e̶=̶"̶{̶{̶x̶.̶n̶a̶m̶e̶}̶}̶"̶ /> 
    </div> 
</nav> 
<nav class="navbar navbar-inverse navbar-fixed-bottom">
    <div class="container-fluid" style="color:white">
         <span ng-bing="ip"> Genel Ip Adresiniz: {{pip}}</span><br> 
         <p>Yerel IP Adresiniz: {{lip}}</p>
    </div>
</nav>
̶<̶p̶ ̶n̶g̶-̶h̶i̶d̶e̶=̶"̶!̶{̶{̶f̶i̶l̶t̶e̶r̶e̶d̶_̶u̶s̶e̶r̶s̶[̶0̶]̶.̶n̶a̶m̶e̶}̶}̶"̶>̶
<p ng-hide="!filtered_users[0].name">
     {{filtered_users[0].name}}
</p> 

有关详细信息,请参阅AngularJS Developer Guide - Why mixing interpolation and expressions is bad practice

相关问题