Angularjs ngDisabled比较表达式没有正确评估

问题描述：

我试图让一个按钮在angularjs应用中启用或禁用，这取决于两个文本字段的比较结果是true还是false。我已经在下面提供了示例代码，并且还在此处提供了示例代码http://plnkr.co/edit/rzly8hy21048YGzsx2gW?p=preview Angularjs ngDisabled比较表达式没有正确评估

正如您所看到的，当您输入字符串以匹配存储的字符串时，表达式正确评估，但是该按钮永远不可用。

任何帮助，将不胜感激。

下面是HTML

<!DOCTYPE html> 
<html ng-app="plunker"> 

    <head> 
    <meta charset="utf-8" /> 
    <title>AngularJS Plunker</title> 
    <script>document.write('<base href="' + document.location + '" />');</script> 
    <link rel="stylesheet" href="style.css" /> 
    <script data-require="[email protected]" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js" data-semver="1.2.16"></script> 
    <script src="app.js"></script> 
    </head> 

    <body ng-controller="MainCtrl"> 
    <button ng-click="updateCounter()">Increment count</button> 
    <input type="text" ng-model="inputfield"> 
    <input type="button" value="Continue" ng-disabled="{{inputfield !== startertext}}"> 
    <br>startertext: {{startertext}} 
    <br>nputfield: {{inputfield}} 
    <br>test: {{inputfield !== startertext}} 

    </body> 


</html>

和JavaScript文件如下。

var app = angular.module('plunker', []); 

app.controller('MainCtrl', function($scope) { 
    $scope.startertext = 'hello world'; 
});

答

删除ng-disabled属性周围的卷边。

感觉像一个白痴，一直在修补这一段时间，并实际上添加了他们。完美无缺地工作！ –

答

下面是它的工作对你的普拉克方式：

<input type="button" value="Continue" ng-disabled="startertext != inputfield">

不要忘了删除多余的curlie在控制器（由错误符号标记，当我在编辑器中打开它）。

Angularjs ngDisabled比较表达式没有正确评估

相关推荐