angular写的控制表单显示隐藏

 <!  DOCTYPE html  > 
 <  html  > 

 <  head  > 
     <  meta   charset  ="utf-8"  > 
     <  script   src  ="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"  ></  script  > 
 </  head  > 

 <  body  > 
     <  div   ng-app  ="myApp"   ng-controller  ="personCtrl"  > 
         <  button   ng-click  ="toggle()"  > 隐藏/显示 </  button  > 
         <  p   ng-hide  ="myVar"  >  
            名:
              <  input   type  =text   ng-model  ="firstName"  > 
             <  br  > 
             <  b   style  ="display:block;height:20px;"  ></  b  >  
            姓:
              <  input   type  =text   ng-model  ="lastName"  > 
             <  br  > 
             <  br  >   姓名: {{firstName + " " + lastName}}
          </  p  > 
     </  div  > 
     <  script  > 
     var   app   =   angular.module(  '  myApp  '  , []);
    app.controller(  '  personCtrl  '  ,   function  ($scope) {
        $scope.firstName   =   "  John  "  ;
        $scope.lastName   =   "  Doe  "  ;
        $scope.myVar   =   false  ;
        $scope.toggle   =   function  () {
            $scope.myVar   =   !  $scope.myVar;
        }
    });
      </  script  > 
 </  body  > 

 </  html  > 

 

查看更多关于angular写的控制表单显示隐藏的详细内容...