zoukankan      html  css  js  c++  java
  • AngularJs $scope 里面的$apply 方法和$watch方法

    Angular $scope 里面的$apply 方法

    Scope提供$apply方法传播Model变化

    <!DOCTYPE html>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>无标题文档</title>
            <script type="text/javascript" src="angular.min.js"></script>
        </head>
        <body>
          <div ng-app="myApp">
    
              <div ng-controller="firstController">
                  {{name}}
    
    
              </div>
    
    
          </div>
          <script type="text/javascript">
              var app = angular.module("myApp", []);
              app.controller('firstController',['$scope',function($scope){
    
                  setTimeout(function(){
    
                      $scope.$apply(function(){
                          $scope.name='李四';
                      });
    
    
                  }, 2000);
                  $scope.name='张三';
    
              }]);
    
    
    
          </script>
           
        </body>
    </html>
    

      2s 后更新name的值为李四

    2. ng-click使用, 如下图,定义了一个changeName方法,点击后修改名字为王五

    timeout的使用,如下图,不需要再写setTimeout.

  • 相关阅读:
    expdp使用
    sed命令(二)
    linux的sed命令(一)
    weblogic找不到数据源
    windows 常用操作
    Spring in action (1)
    Eclipse使用
    maven
    Maven-01 安装maven
    Java开发环境搭建
  • 原文地址:https://www.cnblogs.com/linlf03/p/7090786.html
Copyright © 2011-2022 走看看