0

Здравствуйте, есть перебор элементов модели и вывод их списком:

<div ng-controller="foo">
<ul>
<li ng-repeat="item in items"> 
{{ item.ololo }}
<a ng-class="{'a1': !isActive, 'a2': isActive}" ng-click="isActive = !isActive"> ... </a>
</li>
</ul>
</div>

Также в каждой итерации в li-шку добавляется элемент при клике на который изменяется выражение isActive. Вопрос, как это выражение (isActive) изменить из контроллера которому принадлежит модель? Мне нужно чтобы при инициализации этого списка определенным элементам было установлено isActive = true, а другим false.

1
  • может в модели и держать этот параметр ? (если я вас правильно понял( вроде такого items=[{'name':'name','isActive':0},{'name':'name1','isActive':1}]
    – zb'
    23 фев 2014 в 16:52

1 ответ 1

0

http://plnkr.co/edit/9LzCBwZreOfzehTs4h7u?p=preview

Вот как-то так...

<div ng-controller="foo">
<ul>
<li ng-repeat="item in items"> 
{{ item.ololo }}
<a class="{{item.isActive?'a1':'a2'}}" ng-click="item.isActive = !item.isActive"> ... </a>
</li>
</ul>

var app = angular.module('plunker', []);

app.controller('foo', function($scope) {
  $scope.items=[
    {'ololo':'Hello world',isActive: false},
    {'ololo':'Hello world1',isActive: true},
    {'ololo':'Hello world2',isActive: false},
    {'ololo':'Hello world3',isActive: false},
  ]
});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.