$scope里的$apply,$digest的方法使用

你的美，让我痴迷

于 2021-09-28 19:47:07 发布

阅读量153

点赞数

分类专栏： angular.js 文章标签： AngularJS $apply 脏检查数据绑定 JavaScript

本文链接：https://blog.csdn.net/weixin_45932157/article/details/120536100

版权

angular.js 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

页面代码：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<script src="../vendor/angular/angular.js"></script>
<script src="../app/mycontroller.js"></script>

<body>

    <div ng-app="myApp">

        <div ng-controller="myController">

            {{date}}


        </div>


    </div>


    <!-- 当前页面调用 -->
    <!-- <div ng-app="myApp" ng-controller="myCtrl">

        名: <input type="text" ng-model="firstName"><br> 姓: <input type="text" ng-model="lastName"><br>
        <br> 姓名: {{firstName + " " + lastName}}

    </div>

    <script>
        var app = angular.module('myApp', []);
        app.controller('myCtrl', function($scope) {
            $scope.firstName = "John";
            $scope.lastName = "Doe";
        });
    </script> -->
</body>

</html>

js:$apply的使用

var app = angular.module('myApp', []);
app.controller('myController', function($scope) {

    console.log($scope)
    $scope.date = new Date();
    setInterval(function() {
        $scope.$apply(function() {
            $scope.date = new Date();
            //...这里会执行脏检查，
        })
    }, 1000)

})

你的美，让我痴迷

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
$scope里的$apply,$digest的方法使用

页面代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title
复制链接

扫一扫