Class toggle

[Олег Истомин]

I made simple toggle http://jsfiddle.net/tamtakoe/waXKy/

But, I don't like code

ng-click="state=(['classA','classB','classC'][(+index<2&&(index=1+index)||(index=0))])"

 

+ we have initial state with no class (must be 'classA')

Maybe there is a better way? Or make, please, function-iterator in angular expressions, f.e. ['classA','classB','classC'][next(index)] (index=0 - start position)

[Олег Истомин]

If sombody need complete solution: http://jsfiddle.net/tamtakoe/waXKy/1/

But it is more messy :-(

среда, 22 мая 2013 г., 0:07:51 UTC+3 пользователь Олег Истомин написал:

[Raymond Z.]

Here's a slightly cleaner solution: http://jsfiddle.net/razh/SSHYK/.

[Олег Истомин]

Cool! Thank!

среда, 22 мая 2013 г., 0:43:23 UTC+3 пользователь Raymond Z. написал:

[Олег Истомин]

Some problem with updating: http://jsfiddle.net/tamtakoe/Hnp53/

I can't see new value in $watch (see console.log)

среда, 22 мая 2013 г., 0:43:23 UTC+3 пользователь Raymond Z. написал:

Here's a slightly cleaner solution: http://jsfiddle.net/razh/SSHYK/.

[Raymond Z.]

You need to add true as the third argument in $scope.$watch. This makes Angular use object-equality to check if a value has changed (see documentation).

Example: http://jsfiddle.net/razh/k4L2E/

[Олег Истомин]

Thank! I get it. objectEquality=true use recursive deep watching (into object).

четверг, 23 мая 2013 г., 5:07:45 UTC+3 пользователь Raymond Z. написал:

[Олег Истомин]

I made better toggle, without code in attributes: http://plnkr.co/edit/mPIgUuA9KjnhY3qOpv7A?p=preview

среда, 22 мая 2013 г., 0:07:51 UTC+3 пользователь Олег Истомин написал:

I made simple toggle http://jsfiddle.net/tamtakoe/waXKy/