Javascript 加上「；“ng类”；在选定元素的父元素上'；s

所以另一个与ng类相关的问题是

单击其

中的

将类添加到

html:

试试这个

var-app=angular.module（'myApp'，[]）；
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.uls=[{model:{selected:null，items:[{name:“苹果”}，{name:“香蕉”}，{name:“加利福尼亚”}]}，{model:{selected:null，items:[{name:“苹果”}，{name:“香蕉”}，{name:“加利福尼亚”}}}]；
/*$scope.model={
选中：空，
项目：[{
名称：“苹果”
}, {
名称：“香蕉”
}, {
姓名：“加利福尼亚”
}]
}; */
})

.on{
颜色：红色
}

{{item.name}

积极的

你到底想完成什么？您的演示代码中没有

ng class

指令，您的按钮不在

ng repeat

范围内，因此您可以使用模型或范围从

自由访问

。此

ul

实际上来自json，因此它也在重复自身。请检查：您会找到您想要的需要在页面的底部，很好。。这很有效。。还有一个问题。。我可以将文本切换按钮更改为“非活动”吗？将活动替换为{{onIsOn？“非活动”：“活动”}

<div ng-app="myApp">
<section ng-controller="myCtrl">
    <ul>
        <li ng-repeat="item in model.items" class="commonClass">{{ item.name }}</li>
        <li><button>
        active
        </button></li>
    </ul>
    <ul>
        <li ng-repeat="item in model.items" class="commonClass">{{ item.name }}</li>
        <li><button>
        active
        </button></li>
    </ul>
</section>
</div>

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

app.controller('myCtrl', function ($scope) {

    $scope.model = {
        selected: null,
        items : [
            {name: "Apple"}, 
            {name: "Banana"}, 
            {name: "California"}
         ]
    };
})