2017-01-27 2 views
1

Это будет очень легко для вас Угловые монстры. У меня есть два вида (представление списка и представление сетки), каждый из которых в частичном html, который вводится через ng-include одним нажатием кнопки. Например:Сделать конкретный вид начального вида загрузки страницы (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

можно инициализировать переменной либо с помощью нг-инициализации или в контроллере объявления переменной:

  1. нг-INIT = "=== 'список' раскладка"
  2. 'список'
  3. $ scope.layout =
+1

Спустя несколько минут я понял, что могу это сделать. ng-init = "layout = 'grid'". Но мне больше нравится ваш контроллер. Я использую твое. Благодаря! Я знал, что это будет легко. – LOTUSMS

+0

Собственно, для будущих посетителей вы должны добавить способ ng-init к своему ответу. Вариант 1 и Вариант 2 - намного более полный ответ – LOTUSMS