Question

我正在编写一个简单的程序来理解$ watch和angular's事件循环的基础知识。以下是我的代码：

<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <title>$watch</title>
</head>
<body ng-controller="myCtrl">
    <div>
        <form name="myForm">
            <label>
            Enter a Name:   
            </label>
            <input type="text" ng-model="name" name="myName" required minlength="5" />
        </form>
        <h1>Hello {{name}}</h1>
    </div>
<script type="text/javascript" src="angular.min.js"></script>
<script type="text/javascript">
    var app = angular.module('myApp',[]);
    app.controller('myCtrl',function($scope,$log){
        $scope.name = "";
        $scope.$watch('name',function(newValue,oldValue){
            console.log('Value Changed');
            console.log("Old Value : " + oldValue);
            console.log("New Value : " + newValue);
        }); 
    });
</script>
</body>
</html>

运行程序并在控制台中观察日志后，当输入标签中有minlength属性时，它会显示不同的值，并且在删除之后会显示其他一些值，但我无法解决这个问题的原因吗？

minlength属性如何影响角度事件循环

0 个答案: