ng-repeate 和ng-show的用法

最新推荐文章于 2020-07-19 07:13:41 发布

bollyrui

最新推荐文章于 2020-07-19 07:13:41 发布

阅读量1.1k

点赞数

分类专栏： angularJS 文章标签： ng-repeate

本文链接：https://blog.csdn.net/u010578251/article/details/49798785

版权

angularJS 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en" ng-app="myAPP">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script>
</head>
<body>
    <div ng-controller="toggleController">
        <button ng-click="toggle()">点击</button>
        <ul ng-show="menuState">
            <li ng-repeat="Cateroy in Cateroyes">
                <a href="{{Cateroy.id}}">id：{{Cateroy.id}} 栏目：{{Cateroy.name}}</a>
            </li>
        </ul>
    </div>
    <script>
    var Cateroyes=[
   {"id":"1","name":"特色"},
   {"id":"2","name":"简介"},
   {"id":"3","name":"联系"},
   {"id":"4","name":"文化"},
    ];
    var myAPP=angular.module('myAPP',[]);
    myAPP.controller('toggleController',function($scope){

    $scope.menuState=false;
    $scope.Cateroyes=Cateroyes;
    $scope.toggle=function(){
        $scope.menuState=!$scope.menuState;
    }
    });
    </script>
</body>
</html>

优惠劵

bollyrui

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ng-repeate 和ng-show的用法

<!doctype html><html lang="en" ng-app="myAPP"><head> <meta charset="UTF-8"> <title>Document</title> <script src="http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script></he
复制链接

扫一扫