ng-disable mit Nummer fehlgeschlagen

Question

Ich habe versucht, ng-disabled zu verwenden, um eine Schaltfläche zu deaktivieren, aber fehlgeschlagen. Hier ist der HTML-Teil:

<tr ng-repeat="eachdata in tabledb"> 
    <td>{{eachdata.paid}}</td> 
</tr> 

<button class="btn btn-primary" ng-click="process(eachdata)" 
     ng-disabled="eachdata.paid"> 

Die console.log zeigte, dass eachdata.paid: "0" oder "1". Ich hoffe, den Knopf zu deaktivieren, wenn bezahlt: "1".

Also versuchte ich auch

<button class="btn btn-primary" ng-click="process(eachdata)" 
     ng-disabled="Boolean(Number('1'))"> 

aber noch ist es nicht funktioniert.

Ich überprüfte die Referenz der Konvertierungsart in Javascript. Es sollte wahr sein, wenn die Zahl 1 in boolean und false konvertiert wird, wenn die Zahl 0 in einen booleschen Wert umgewandelt wird. Kann mir das jemand erklären? Danke vielmals.

Answer 1

Ich weiß nicht, warum so viel Verwirrung in Bezug auf eine einfache Sache.Zuerst wie pro Frage Schaltfläche außerhalb des Geltungsbereichs zu ng-repeat .So nehme ich an, es ist in ng-Wiederholung enthalten.

<tr ng-repeat="eachdata in tabledb"> 
    <td>{{eachdata.paid}}</td> 
    <td><button class="btn btn-primary" ng-click="process(eachdata)" 
     ng-disabled="checkIfDisabled(eachdata.paid)"></td> 
</tr> 

In Controller definieren checkIfDisabled Funktion

$scope.checkIfDisabled=function(paid){ 
    return (paid == "1"); 
} 

Answer 2

Sie schließen die wiederholte Tabellenzeile vor der Schaltfläche, daher ist Ihre Variable "eachdata" für den Schaltflächenbereich nicht verfügbar. Fügen Sie den Knopf innerhalb des td oder an anderer Stelle innerhalb des Bereichs des tr ein.

Answer 3

Ihre Schaltfläche ist außerhalb des Gültigkeitsbereichs der ng-Wiederholung. Wenn Sie den Knopf außerhalb Ihres Tisches haben möchten, können Sie vielleicht einen DummyTag verwenden und den ng-repeat darin ausführen.