Javascript 角度模板中的条件句

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> {{{

我目前正在开发一个应用程序,使用ionic(1.3)/angular(1.5)。这是我第一次使用angular,但在过去的两三年里,我一直在使用ember.js进行开发

对于如何在模板中有条件地显示内容,我有点困惑:在ember中,我会这样做

<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>