zoukankan      html  css  js  c++  java
  • angularjs教程——Dom操作相关指令详解

    一、ng-show/ng-hide

    <div ng-show="true">{{text}}</div>  //显示
    <div ng-show="false">{{text}}</div>//隐藏

    二、ng-if

    三、ng-switch

    <!DOCTYPE HTML>
    <html ng-app='myApp'>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="angular.min.js"></script>
    <style type="text/css">
    .red{ background:red;}
    .yellow{ color:yellow;}
    </style>
    <script>
    var m1=angular.module('myApp',[]);
    
    m1.controller('Aaa',['$scope',function($scope){
      $scope.bBtn=true;
      
    }]);
    
    </script>
    <title>无标题文档</title>
    </head>
    
    <body>
    <div ng-controller="Aaa">
    <input type="checkbox" ng-model="bBtn">
      <div ng-switch on="bBtn">
        <p ng-switch-default>默认的效果</p>
        <p ng-switch-when="false">切换的效果</p>
      </div>
    </div>
    </body>
    </html>

    四、ng-open

  • 相关阅读:
    vue
    vim 使用
    ssh 免密码登录
    shell 监控
    shell top
    使用网络技术---WebView
    安卓数据存储
    模块
    面向对象
    文件
  • 原文地址:https://www.cnblogs.com/cacti/p/5960762.html
Copyright © 2011-2022 走看看