我是 Web 开发和 AngularJS 的新手。我尝试使用指令 ng-if 仅在从数据库返回的列表大于 1 时显示 div 块,但它不起作用。我是否滥用了该指令?我环顾四周,没有找到任何有效的解决方案。目前,两个 div 都会显示,并且 ng-if 会被忽略。
<div>
<div ng-if="listOfThings.length > 1">
<h1> {{listOfThings.length}} </h1>
</br>
<div ng-repeat="thing in listOfThings">
<label> {{ thing.name }} </label>
</div>
</div>
<div ng-if="listOfThings.length == 1" class="col-sm-4 col-sm-offset-4">
<h1> {{ listOfThings[0].name }} </h1>
<iframe width="560" height="315" ng-src="{{ listOfThings[0].embed }}" frameborder="0" allowfullscreen></iframe>
</div>
</div>
我尝试了这段代码,它在 Plunker 中有效,但由于某种原因在我的代码中无效。在我的代码中,只有 ng-app 有效,但 ng-if 仍然无效。
<div ng-app="ngAnimate">
Click me: <input type="text" ng-model="check" ng-init="check='show'" /><br/>
Show when check: {{check}}
<input ng-if="check!='hide'" class="animate-if" placeholder="type the word 'hide'"/>
</div>
你想要什么而不是这个ng-if="{{listOfThings.length}} > 1"
这是:
ng-if="listOfThings.length>1"
ng-if
将评估表达式。
检查这个在线演示 http://plnkr.co/edit/oM14its4my9p8nSl8MFR?p=preview
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)