Angularjs ngDisabled comparaison de l'expression évalue pas correctement
Je suis en essayant d'avoir un bouton être activé ou désactivé dans une angularjs application basée sur le fait qu'une comparaison de deux champs de texte prend la valeur vrai ou faux. J'ai fourni un exemple de code ci-dessous et également disponible dans une plunker ici http://plnkr.co/edit/rzly8hy21048YGzsx2gW?p=preview
Comme vous pouvez le voir lors de la saisie d'une chaine de caractères correspond à la chaîne stockée l'expression évalue correctement cependant, le bouton n'est jamais disponible.
Toute aide serait appréciée.
Voici le code 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>
Et le fichier Javascript est ci-dessous.
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.startertext = 'hello world';
});
OriginalL'auteur Simon McClive | 2014-06-14
Vous devez vous connecter pour publier un commentaire.
Supprimer les curlies autour de votre ng-désactivé attribut.
OriginalL'auteur pixelbits
Voici la façon dont il a travaillé pour votre plunk:
N'oubliez pas de supprimer les curlie dans votre contrôleur (marqué par un signe d'erreur quand je l'ai ouvert dans l'éditeur).
OriginalL'auteur Almaron