首页 > 代码库 > angularjs--DOM
angularjs--DOM
angularjs--DOM
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 6 <title>index</title> 7 <link href="http://www.mamicode.com/{$Think.const.CSSURL}bootstrap.min.css" rel="stylesheet" type="text/css"/> 8 <script src="http://www.mamicode.com/{$Think.const.JS}jquery.min.js" type="text/javascript"></script> 9 <script src="http://www.mamicode.com/{$Think.const.JS}bootstrap.min.js" type="text/javascript"></script> 10 <script src="http://www.mamicode.com/{$Think.const.JS}angular.min.js" type="text/javascript"></script> 11 <link href="http://www.mamicode.com/{$Think.const.CSSURL}home/index.css" rel="stylesheet" type="text/css"/> 12 </head> 13 <body ng-app="myapp" ng-controller="myctrl"> 14 <div class="container"> 15 <h1 class="page-header">前端技术</h1> 16 17 <p> 18 <button class="btn btn-primary" ng-click="dis()">禁用</button> 19 </p> 20 <div class="form-group"> 21 <label for="">留言:</label> 22 <textarea class="form-control" ng-disabled="nd"></textarea> 23 </div> 24 25 <p> 26 <button class="btn btn-primary" ng-click="hide()">隐藏</button> 27 </p> 28 <div class="jumbotron" ng-hide="ns"> 29 <h1>jumborton</h1> 30 </div> 31 32 <img src="http://www.mamicode.com/{$Think.const.HOMEIMG}/01.png" /> 33 </div> 34 </body> 35 <script> 36 app = angular.module("myapp",[]); 37 app.controller("myctrl",function($scope){ 38 39 $scope.dis = function(){ 40 $scope.nd = true; 41 } 42 43 $scope.hide = function(){ 44 $scope.ns = true; 45 } 46 47 }); 48 </script> 49 </html>
angularjs--DOM
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。