AngularJS控制器不改变角度变量

时间:2015-11-16 16:17:57

标签: javascript angularjs

我正在学习angularjs所以如果它可能是一个愚蠢的错误,请帮助。 我正在编写这个简单的角度应用程序,我在检查ng-controller中的两个密码字符串并显示一条关于它们是否匹配的短消息。 以下是完整的短程序图像:code image here

在我看来,这是正确的,但我必须做错事。请指出。

1 个答案:

答案 0 :(得分:1)

问题是您检查值是否相同的代码仅在加载时运行。您需要做什么在值更改时运行它:

<div ng-app-"myApp" ng-controller="MainCntrl">
    Password:
    <input type="password" ng-model="pass" ng-change="change()" /><br />
    Confrom password:
    <input type="password" ng-model="passConf" ng-change="change()" /><br />

    <p>{{check}}</p>
</div>

JS:

var app = angular.module('myApp', []);
app.controller("MainCntrl", function($scope){
    $scope.change = function(){
        if (angular.equals($scope.pass, $scope.passConf)){
            $scope.check = "Right"; 
        }else{
            $scope.check = "Wrong";
        }
    }
});

工作示例:http://jsfiddle.net/ger97ote/