angular.js - angularjs如何实现点击li添加class，再次点击removeclass,且不相互影响

Question

{代码...} 需要用到id对应起来吗？

给我你的怀抱 · Answer

It doesn’t have to be as complicated as the one above.


    {{color.value}}

ringa_lee · Answer

The subject should use Angular’s directive to achieve this requirement.
Result: http://output.jsbin.com/rolobakaya

javascriptm1.directive('toggleClass', function(){
    return {
        restrict: 'A',
        scope: {
            toggleClass: '@'
        },
        link: function($scope, $element){
            $element.on('click', function(){
                $element.toggleClass($scope.toggleClass);
            });
        }
    };
});

html

高洛峰 · Answer

My thoughts are:

{{color.name}}

Then define a ng-click并在里面修改$scope.currentId