javascript - 为什么模型更改时 $watch 不更新

标签 javascript angularjs

为什么每次型号更改时 watch 都没有记录?

为什么输入不以值测试开头?

(function () {
    'use strict';


    // Create the application.
    var app = angular.module('tabApplication', []);

    // Creat the tabs controller.
    app.controller('tabController', ['$log', '$scope', function ($log, $scope) {
        $scope.myName = 'test';
        $log.log($scope.myName);
        
        $scope.$watch('myName', function(newValue, oldValue) {
            $log.log(newValue, oldValue); 
        });


    }]);
}());
<!DOCTYPE html>
<html lang="en-US">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script>
<body>

<div ng-app="tabApplication" ng-controller="tabController as tabC">
	<p>Name : <input type="text" ng-model="tabC.myName"></p>
	<h1>Hello {{tabC.myName}}</h1>
</div>


</body>
</html>

最佳答案

您是否尝试过观看字符串'tabC.myName',而不是仅仅观看'myName':

$scope.$watch('tabC.myName', function(newValue, oldValue) {
    $log.log(newValue, oldValue); 
});

关于javascript - 为什么模型更改时 $watch 不更新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35395693/

相关文章:

javascript - jQuery 鼠标每次滚动滚动整个窗口,就像苹果 iphone 5 网站

javascript - 使用reduce组排序通过javascript获取并显示json数据

javascript - Android 拖动事件不适用于带有 ionic 的 4.4.2

javascript - 如何防止 Angular 数组更新闪烁

javascript - 如何在 Angularjs 中打印表单内的数组值?

javascript - AdSense 无法与 Turbolinks 合作

javascript - DOM Ready后设置Cookie影响样式/调用函数

javascript - 单个正则表达式获取页面 URL 但从完整 URL 中排除端口号

html - 使用 JQLite 重置 CSS 悬停下拉菜单

angularjs - 在 AngularJS 中使用 Twig 变量