2014-06-14 9 views
4

Я пытаюсь включить или отключить кнопку в приложении angularjs на основе того, сравнивается ли сравнение двух текстовых полей с истинным или ложным. Я привел пример кода ниже, а также сделал его доступным в плунтере здесь 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'; 
}); 

ответ

7

Удалите завитки вокруг вашего атрибута ng-disabled.

+3

Почувствуйте себя идиотом, какое-то время занимаясь этим, и на самом деле добавили их. Работа безупречно! –

5

Вот как он работал для шлепнуть:

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

Не забудьте удалить дополнительные curlie в контроллере (отмеченный знаком ошибки, когда я открыл его в редакторе).

 Смежные вопросы

  • Нет связанных вопросов^_^