侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

AngularJS控制div隐藏或显示-ng-show

2024-05-06 星期一 / 0 评论 / 0 点赞 / 63 阅读 / 1128 字

效果图NgShow.html<!doctype html><html ng-app="MyCSSModule"><head> <meta charset="utf-8"></head><body

效果图

NgShow.html

<!doctype html><html ng-app="MyCSSModule"><head>    <meta charset="utf-8"></head><body><div ng-controller='DeathrayMenuController'>    <button ng-click='toggleMenu()'>Toggle Menu</button>    <ul ng-show='menuState.show'>        <li>Stun</li>        <li>Disintegrate</li>        <li>Erase from history</li>    </ul></div></body><script src="js/angular-1.3.0.js"></script><script src="NgShow.js"></script></html>

NgShow.js

var myCSSModule = angular.module('MyCSSModule', []);myCSSModule.controller('DeathrayMenuController', ['$scope',    function ($scope) {        $scope.menuState = {show: false};        $scope.toggleMenu = function () {            $scope.menuState.show = !$scope.menuState.show;        };    }]);

广告 广告

评论区