Ember deaktiviert Taste

Ich habe ein Problem mit Funken binden-Einstellung auf "disabled" - Attribut auf eine Schaltfläche. Im Grunde kann ich nicht, dass es nicht zu deaktivieren, Taste meine.

isCancelled ist ein boolescher Wert, in meinem Modell, nach diese es sollte "deaktiviert" erscheinen und verschwinden im inneren des gerenderten tag.

Schaltfläche sieht wie folgt aus:

<button {{action "cancel" provisioning}} {{bind-attr disabled="isCancelled"}}>

Es immer macht die "deaktiviert" - Attribut.

Habe ich ein einfaches überprüfen, um zu Debuggen. Es sieht wie folgt aus:

isCancelled: {{isCancelled}}

Macht es wie: isCancelled: false

Bin ich mit Ember 1.12.0

InformationsquelleAutor Osthekake | 2015-07-31
  1. 18

    Den bind-attr syntax ist veraltet:

    <button {{action "cancel" provisioning}} disabled={{isCancelled}}>

    - Und in Ihrem Fall übergeben Sie eine Zeichenkette, die nicht den isCancelled Eigenschaft daher ist es immer wahr, {{bind-attr disabled=isCancelled}}> funktionieren würde.

    • Ich habe versucht, mit {{bind-attr disabled=isCancelled}} auch. Gleichen Ergebnis. Aber ich werde versuchen disabled={{isCancelled}} morgen.
    • disabled={{isCancelled}} hatte dasselbe Ergebnis. - Tag gerendert wird, die mit 'Behinderten' - Attribut.
    • Können Sie legen Ihr problem in emberjs.jsbin.com
    InformationsquelleAutor Patsy Issa
  2. 8

    Das problem ist, dass wenn isCancelled ist falsch, es wird immer noch render-Behinderten-tag.

    Stellen Sie sicher isCancelled ist entweder TRUE oder NULL. Nur, wenn es ist null, 'deaktiviert' werden nicht gerendert

    • Ich glaube nicht, dass dies wahr ist. Ich habe nie behoben dieses problem nicht direkt, aber ich habe es Los, schließlich nach dem Wechsel eine Menge von code und stoßen auf Ember 2.0.
    • Es ist der Fall in Ember 2.0. Ich traf dies vor ein paar Wochen. Weitere Referenzen: stackoverflow.com/questions/30358020/... github.com/emberjs/ember.js/issues/10976
    • Dies funktioniert, während return false nicht: <button class="btn btn-sm btn-primary" {{action 'confirm'}} disabled={{disableAddPerson}}>Toevoegen</button> disableAddPerson: function() { var chosenPerson = this.get("chosenPerson"); if (chosenPerson == null || this.get("type") == null || this.get("function") == null) { return true; } return null; }.property("chosenPerson", "function", "type")
    • +1 @ThomasStubbe korrekt ist. Ich bin mir nicht sicher, warum er -1 auf. @Osthekake auch in 2.x das funktioniert. Sie können return boolean-Werte zu einer berechneten Eigenschaft submitIsDisabled und dann in Ihrem LENKER Vorlagen nur tun <button disabled={{if submitIsDisabled true null}}>...</button> diese Weise erhalten Sie den Vorteil der arbeitenden Behinderten-Eigenschaft Umschalten und JavaScript-Funktionen können immer noch zurückschicken truthy oder falsey Werte eher als die Kraft, die Sie zurück null. Hier ist ein Ember Twiddle-demo
    • Ich glaube, Sie fehlt der Punkt. Die Dokumentation besagt, dass Behinderte={{Attribut}} funktionieren sollte, wie erwartet, mit den Werten, die falsch sind, und nicht notwendigerweise null. Sagen, dass, selbst in der 2.x funktioniert es ist auch eine mute-Punkt, da in 2.x funktioniert es, wie erwartet, sowieso, also nicht Rendern die "deaktiviert" - Attribut, falls der Wert false ist. Die gesamte disabled={{Attribut}} syntax nicht vorhanden ist, in früheren Versionen, weshalb ich verwendet {{bind-attr in meinem ursprünglichen Beispiel.
    • Sie sind zu Recht über das problem. Dies ist ein Fehler in der Glut, und die docs etwas anderes sagen. Es ist jedoch grundlegende HTML-Verhalten: siehe link. Ich wurde lediglich darauf hingewiesen, was das problem war und wie es zu lösen ist. Aber der Kommentar, auf den Sie hab 'ich nicht glauben, dass dies wahr ist" war sehr unfreundlich, wenn man noch nicht testen 😉
    • Ich werde Zustimmen, ich verpasste den Punkt, etwas mehr Augenmerk in Richtung dieser einzigen Lösung und Kommentare, die darin ignorieren das größere Bild und seine Beziehung zu der eigentlichen Frage/situation. Ich werde zurücktreten meinem ursprünglichen Kommentar. ¯\_(ツ)_/¯
    • Mit Ember 3 und Bootstrap-4, die ich gerade versuchte, zu disabled=true oder disabled=false auf einen Knopf, und das hatte keinen Effekt.; Man sollte Sie nur verwenden disabled als Bootstrap schlägt für deaktivierte Elemente: getbootstrap.com/docs/4.0/components/list-group/#disabled-items

    InformationsquelleAutor Thomas Stubbe
Schreibe einen Kommentar