7. AngularJS中的指令 ng-switch

<body ng-app=app ng-controller=wmxController>

<ul>
    <li ng-repeat="item in array" ng-switch="item">
        {{item}}
    </li>
</ul>

<hr>

<ul>
    <!--ng-switch必须和ng-switch-when搭配着使用-->
    <li ng-repeat="item in array" ng-switch="item">
        <!--当item和css相等的时候就可以显示-->
        <span ng-switch-when="jq"> {{item}} </span>
    </li>
</ul>

<script src='angular.js'></script>

<script>

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

    app.controller('wmxController',['$scope',function ($scope) {
        $scope.array = ['html','css','js','jq'];
    }])

</script>
</body>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容