AngularJS的学习--ng-show/ng-hide/ng-if和ng-switch

 

AngularJS的学习--ng-show/ng-hide/ng-if和ng-switch

标签： angularjsjs
2015-05-28 13:39 12132人阅读 评论(0) 收藏 举报
 分类：
 

 

 angularJS 在模板里判断属性后显示相应html怎么写? 
{
[html] view plain copy
 
 print?
  1. <!doctype html>  
  2. <html ng-app>  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title></title>  
  6.     <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap.min.css">  
  7.     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js"></script>  
  8.     <script type="text/javascript">  
  9.         var DemoCtrl = function($scope){             
  10.             $scope.ShowMode = "list";  
  11.    
  12.             $scope.ChangeShow = function(ShowMode){  
  13.                 $scope.ShowMode = ShowMode;  
  14.             }  
  15.         };  
  16.     </script>  
  17. </head>  
  18. <body ng-controller="DemoCtrl" ng-switch="ShowMode">  

以上是摘要

posted @ 2016-07-28 17:51  五艺  阅读(105)  评论(0)    收藏  举报