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.

  • 相关阅读:
    省选模拟81
    概率期望+计数
    省选模拟80
    省选模拟79
    省选模拟78
    Jenkins 安装及 Git | Maven 安装
    虚拟机VirtualBox及轻量级的CentOS
    服务器免密码登录
    Nginx 常用配置模板
    IDEA配置 及 快捷键
  • 原文地址:https://www.cnblogs.com/linlf03/p/7090786.html
Copyright © 2011-2022 走看看