2017-01-27 1 views
1

これはあなたのために非常に簡単です。私は2つのビュー(リストビューとグリッドビュー)をボタンのクリックでng-includeを介して注入された部分的なHTMLでそれぞれ持っています。このように:ページビューの最初のビューを作成する(AngularJS)

<div class = "bar"> 
    <h1>Contacts</h1> 
    <a href="#" class="list-icon" ng-class="{active: layout == 'list'}" ng-click="layout = 'list'"></a> 
    <a href="#" class="grid-icon" ng-class="{active: layout == 'grid'}" ng-click="layout = 'grid'"></a> 
</div> 
<div ng-show="layout == 'list'" class="list"> 
    //ng-include for the list page is here 
</div> 
<div ng-show="layout == 'grid'" class="grid"> 
    //ng-include for the grid page is here 
</div> 

どのようにこれらのビューを開始できますか?例えばグリッド。私はそれがng-initで終わったと思います。しかし、私はそれを把握することはできません

ありがとう!

答えて

1

あなたはNG-のinitまたはコントローラ変数宣言で使用していずれかの変数を初期化することができます

  1. NG-INIT = "レイアウト=== 'リスト'"
  2. $ scope.layout = 'リスト' に
+1

ほんの数分後、私はこれもやり遂げることができることに気付きました。 ng-init = "layout =" grid "しかし、私はあなたのコントローラの方が良いのが好きです。私はあなたを使っています。ありがとう!私はこれが容易であることを知っていた。 – LOTUSMS

+0

実際、将来の訪問者のために、あなたの答えにng-init方法を追加する必要があります。 Option1とOption2ははるかに完了した答えです – LOTUSMS

関連する問題