Javascript 角度模板中的条件句
我目前正在开发一个应用程序,使用ionic(1.3)/angular(1.5)。这是我第一次使用angular,但在过去的两三年里,我一直在使用ember.js进行开发 对于如何在模板中有条件地显示内容,我有点困惑:在ember中,我会这样做Javascript 角度模板中的条件句,javascript,angularjs,Javascript,Angularjs,我目前正在开发一个应用程序,使用ionic(1.3)/angular(1.5)。这是我第一次使用angular,但在过去的两三年里,我一直在使用ember.js进行开发 对于如何在模板中有条件地显示内容,我有点困惑:在ember中,我会这样做 <div class="col-xs-12"> {{#if condition}} some template.. {{else}} something else {{/if}} </div> {{{
<div class="col-xs-12">
{{#if condition}}
some template..
{{else}}
something else
{{/if}}
</div>
{{{#如果条件}}
一些模板。。
{{else}
别的
{{/if}
但在我看来,你必须:
<div class="col-xs-12" ng-if="condition">
some template..
</div>
<div class="col-xs-12" ng-if="!condition>
something else
</div>
一些模板。。
试试这个,这是有效的
还有一种方法可以实现这一点,如下面的代码所示:-
<div ng-switch="myVar">
<div ng-switch-when="condition1">
some tempelate....
</div>
<div ng-switch-when="condition2">
some tempelate....
</div>
<div ng-switch-when="condition3">
some tempelate....
</div>
<div ng-switch-default>
some fallback template ...
</div>
</div>
一些临时的。。。。
一些临时的。。。。
一些临时的。。。。
一些回退模板。。。
谢谢,搜索时未找到链接。即使我这样做了,我也希望在得到答案后的三年里能添加一些更干净的东西……三元运算符应该是一种很好的做法。。。。取决于模板size@ksol尝试一下这个:这与我试图避免的完全相同,如果使用ng show,则使用expect而不是ng。我认为ng show
更适合您的条件模板。因为ng if
需要表达式或条件,更多信息。如果仍要使用ng if
,请检查angular的版本。因为版本1.1.5
中引入了ng if
。
var myApp = angular.module('myApp',[]);
function MyCtrl($scope) {
$scope.condition = true;
//$scope.condition = false;
}
<div ng-switch="myVar">
<div ng-switch-when="condition1">
some tempelate....
</div>
<div ng-switch-when="condition2">
some tempelate....
</div>
<div ng-switch-when="condition3">
some tempelate....
</div>
<div ng-switch-default>
some fallback template ...
</div>
</div>