angular添加class问题

我用ng-repeat循环创建了三个元素；我想创建完成后默认第一个元素是选中的，也就是添加了select类名，哪位能给点建议？

原代码

<ul class="box">
    <li ng-repeat="list in box"></li>
</ul>

希望实现

<ul class="box">
    <li class="list select"></li>
    <li class="list"></li>
    <li class="list"></li>
</ul>

javascript angularjs 前端 css

阅读 7.3k

2 个回答

得票最新

静逸秋水

2.6k227

发布于
2016-06-16

✓ 已被采纳

楼主可以用ng-class ={"yourClassname":'你的判断'} 比如楼主的情况只需判断索引为0即可

<li ng-repeat="list in box" class="list" ng-class="{'selecte':$index==0}"></li>

飞翔の金雕

66811019

发布于
2016-06-16

    <style>
        .select{
            color:red;
        }
    </style>
    <body ng-app="myApp" ng-controller="myCtrl">
    <ul class="box">
        <li ng-class="{select:$first}" class="list" ng-repeat="list in box">{{list}}</li>
    </ul>
</body>
<script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', ['$scope', function ($scope) {
        $scope.box = ['aa', 'bb', 'cc'];
    }]);
</script>

以上代码能达到你的要求
图片描述

查看全部 2 个回答

推荐问题

相似问题

找不到问题？创建新问题

angular添加class问题

js 如何将Key属性相同的放在同一个数组？

如何防止接口的 key 泄露?

字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？

在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？

Next.js做纯前端是否可行？

CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？

请问开发React Native，一般是推荐哪个主流的UI库呢？