zoukankan      html  css  js  c++  java
  • --@angularJS--ng-show应用

    本篇给出ng-show的示例代码,以供参考.

    1、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 ng-click='stun()'>Stun</li>
                <li ng-click='disintegrate()'>Disintegrate</li>
                <li ng-click='erase()'>Erase from history</li>
            </ul>
        </div>
    </body>

    <script src="js/angular-1.3.0.js"></script>
    <script src="NgShow.js"></script>

    </html>

    2、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;
            };
        }
    ])

  • 相关阅读:
    A Plug for UNIX (最大流 邻接矩阵dinic)POJ
    Dining POJ
    ACM Computer Factory (邻接矩阵 dinic 模板)(最大流+路径输出)POJ
    HDU
    E
    2018 东北赛i 简单dpI
    Coloring Brackets CodeForces
    2019浙江省赛j welcome Party
    D
    Critical Links (UVA
  • 原文地址:https://www.cnblogs.com/koleyang/p/4509597.html
Copyright © 2011-2022 走看看