angular.js - angularjs如何实现点击li添加class,再次点击removeclass,且不相互影响
世界只因有你
世界只因有你 2017-05-15 16:52:53
0
3
2519
<!DOCTYPE html>
<html ng-app="myapp">
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="angular.min.js"></script>
    <script>
    var m1 = angular.module('myapp',[]);
        m1.controller('Aaa',function($scope){
            $scope.colors = [{
                'id':'1',
                'name':'red'
            },{
                'id':'2',
                'name':'green'
            },{
                'id':'3',
                'name':'blue'
            }];
        });
    </script>
</head>
<body>
    <p ng-controller="Aaa">
        <ul>
            <li ng-repeat="color in colors">{{color.name}}</li>
        </ul>
    </p>
</body>
</html>

需要用到id对应起来吗?

世界只因有你
世界只因有你

全員に返信(3)
给我你的怀抱

上記のように複雑である必要はありません。

リーリー
いいねを押す +0
左手右手慢动作

この要件を達成するには、サブジェクトは Angular のディレクティブを使用する必要があります。
結果: http://output.jsbin.com/rolobakaya

リーリー リーリー
いいねを押す +0
小葫芦

私の考えは次のとおりです:

リーリー

次に ng-click并在里面修改$scope.currentId

を定義します
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート