javascript - 即使 ng-model 存在于 AngularJS 中,ng-change 也不起作用

标签 javascript angularjs html

大家好,我已经在线检查了我的问题的解决方案,但没有解决我的问题。

HTML5 代码:

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body ng-app="myApp">
        <div id="div1" ng-controller = "myCont">
        <input id="txt1" type="text" ng-model="a" ng-change="updateC()">
        <input id="txt2" type="text" ng-model="b">
        <div>a {{a}}</div>
        <div>s {{s}}</div>
        <div>c {{c}}</div>
        <script src="angular.js"></script>
        <script src="angular_try.js"></script>
    </body>
</html>

下面是我的 angularjs 代码:

var myApp= angular.module("myApp",[])

myApp.controller("myCont",["$scope","$rootScope",function($scope,$rootScope)
{
     $scope.s=0;
     $scope.a =0;
     $scope.b=0;
     function updateC()
     {
         $scope.c = $scope.a+20;
     }


     $scope.$watch("c",function(newvalue,oldvalue){
        if(newvalue!=oldvalue)
        {
             $scope.c =$scope.c
        }
   })
}])

有人可以让我知道我的代码有什么问题吗,因为我将 ng-change 与 ng-model 一起使用,并且也有相同的监视表达式,但代码无法运行,但没有错误。

最佳答案

就这么做

$scope.updateC = function ({
  $scope.c = $scope.a+20;
}

关于javascript - 即使 ng-model 存在于 AngularJS 中,ng-change 也不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45149459/

相关文章:

Javascript 对象性能偏好

javascript - 输入仅允许 6 位数字,在逗号分隔后允许在 Angular js 中输入另外 6 位数字

javascript - 在占位符中添加 HTML

html - CSS 中有没有一种方法可以让一个子元素指向一个父元素而不是一个元素?

javascript - 为什么 .hasClass 函数不起作用?

javascript - 删除 div 或平铺 div 之间的空间

javascript - 单击禁用一段时间不适用于 jQuery

angularjs - 防止在 Angular UI 树中拖动

javascript - AngularJS/HTML - 引入拦截器后无法执行到同一页面的链接

html - 如果将边距和填充设置为 0 不起作用,如何删除容器左侧的额外空间?