angularjs – 在angular.js中的内联条件

前端之家收集整理的这篇文章主要介绍了angularjs – 在angular.js中的内联条件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道是否有一种方式在有条件显示内容,而不是使用ng-show等。例如在backbone.js我可以做一些内联的内容在一个模板,如:
<% if (myVar === "two") { %> show this<% } %>

但在角度,我似乎只限于显示和隐藏包装在html标签中的东西

<p ng-hide="true">I'm hidden</p>
<p ng-show="true">I'm shown</p>

在角度中推荐的方式是使用{{}}有条件地显示和隐藏内联内容,而不是在HTML标记中包含内容

编辑: 2Toad’s answer below是你要找的! upvote那东西

如果你使用Angular< = 1.1.4,那么这个答案将会: 还有一个答案。我发布一个单独的答案,因为它更多是一个“精确”的尝试在一个解决方案,而不是一个可能的解决方案列表: 这里有一个过滤器,将做一个“立即if”(又名iif):

app.filter('iif',function () {
   return function(input,trueValue,falseValue) {
        return input ? trueValue : falseValue;
   };
});

并可以这样使用:

{{foo == "bar" | iif : "it's true" : "no,it's not"}}

猜你在找的Angularjs相关文章