Json 使用ng模型将类添加到所有以前的子类中
以下是我的html代码:Json 使用ng模型将类添加到所有以前的子类中,json,angularjs,variables,angularjs-scope,Json,Angularjs,Variables,Angularjs Scope,以下是我的html代码: <div ng-repeat="(key, a) in items" data-id="{{ Id }}" class="item" id="{{Key}}" ng-click="item($event, key)"> <div class="bubble></div> <p> <span> {{ description }}&
<div ng-repeat="(key, a) in items" data-id="{{ Id }}" class="item" id="{{Key}}" ng-click="item($event, key)">
<div class="bubble></div>
<p>
<span> {{ description }}</span>
</p>
</div>
是否可以使用ng模型或其他方法来设置默认形式json文件的活动值?意思是,在json中,我们将项3标记为活动,那么如何将该值作为当前值添加到$scope.item?或者可能使用ng模型?我没有尝试过,但类似的方法应该可以工作。假设必须将该类应用于
ng repeat
div。将您的ng repeat div更改为:
<div ng-repeat="(key, a) in items" data-id="{{ Id }}" class="item" id="{{Key}}" ng-click="markSelected($index)" ng-class="{'active':selectedIndex<$index}">
</div>
您应该停止使用jquery,开始以一种更具角度的方式思考 有一个指令
ng class
,用于添加或删除类
您可以在此处找到更多信息:
{{description}}
$scope.item=功能(键){
$scope.items[key].active=true;
$scope.items[key].inactive=false;
}
<div ng-repeat="(key, a) in items" data-id="{{ Id }}" class="item" id="{{Key}}" ng-click="markSelected($index)" ng-class="{'active':selectedIndex<$index}">
</div>
$scope.markSelected=function(index) {
$scope.selectedIndex=index;
}
<div ng-repeat="(key, a) in items" data-id="{{ Id }}" class="item" id="{{Key}}" ng-click="item(key)">
<div ng-class="{active : a.active, inactive : a.inactive}"></div>
<p>
<span> {{ description }}</span>
</p>
</div>
$scope.item = function(key){
$scope.items[key].active = true;
$scope.items[key].inactive = false;
}