小编Aim*_*sni的帖子

AngularJs - 在点击上添加活动类的最佳实践(ng-repeat)

我想在列表中单击添加活动类,我尝试了以下代码,但它在我的所有项目上添加了活动类:/:

HTML:

<div class="filters_ct" ng-controller="selectFilter">
    <ul>
        <li ng-repeat="filters in filter"  ng-click="select(item)" ng-class="{sel: item == selected}">
            <span class="filters_ct_status"></span>
            {{filters.time}}
        </li>
    </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

Js:

  var filters = [
            {
                'filterId': 1,
                'time': 'last 24 hours',
            },
            {
                'filterId': 2,
                'time': 'all',
            },
            {
                'filterId': 3,
                'time': 'last hour',
            },
            {
                'filterId': 4,
                'time': 'today',
            },
            {
                'filterId': 5,
                'time': 'yersteday',
            }
        ]; 


function selectFilter($scope) {

    $scope.items = ['filters'];
    $scope.selected = $scope.items[0];

    $scope.select= function(item) {
       $scope.selected = item; 
    };

}
Run Code Online (Sandbox Code Playgroud)

拜托,给我一些帮助.

谢谢

javascript html5 angularjs

38
推荐指数
2
解决办法
7万
查看次数

标签 统计

angularjs ×1

html5 ×1

javascript ×1