角度テンプレートの条件

Question

私は現在、イオン（1.3）/角度（1.5）を使用してアプリを開発中です。これは角度を使った初めてのことですが、私は過去2〜3年間ember.jsで開発しています。

私は条件付きテンプレートにものを表示することができますどのように混乱ビットだ：燃えさしで、私は

<div class="col-xs-12"> 
    {{#if condition}} 
    some template.. 
    {{else}} 
    something else 
    {{/if}} 
</div> 

を行うだろう。しかし、角度で、あなたがしなければならないだろうと私には思える：

<div class="col-xs-12" ng-if="condition"> 
    some template.. 
</div> 
<div class="col-xs-12" ng-if="!condition> 
    something else 
</div> 

私は本当に面倒で、本当に意図を伝えていないようです。条件付きでテンプレートに表示する他の（より良い）方法はありますか？

ありがとうございました！

Answer 1

ここfiddle

<div ng-controller="MyCtrl"> 
<div class="col-xs-12" ng-show="condition"> 
    some template.. 
</div> 
<div class="col-xs-12" ng-show="!condition"> 
    something else 
</div> 
</div> 

コントローラを働いている、これを試してみてください、変えてみてください$scope.condition=false

var myApp = angular.module('myApp',[]); 
    function MyCtrl($scope) { 
    $scope.condition = true; 
    //$scope.condition = false; 
} 

Answer 2

次のコードでのショーとしてこれを達成するためのもう一つの方法があります： -

は、

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