Braise bouton désactivé

Je vais avoir un problème avec les braises bind-attr sur 'désactivé' attribut sur un bouton. Fondamentalement, je ne peux pas le faire pour ne pas désactiver mon bouton.

isCancelled est un booléen dans mon modèle, selon cette il devrait faire des "personnes handicapées" apparaissent et disparaissent à l'intérieur du tag rendu.

Bouton ressemble:

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

Il affiche toujours le 'disabled' attribut.

J'ai fait une vérification simple de le déboguer. Il ressemble à ceci:

isCancelled: {{isCancelled}}

Il rend comme: isCancelled: faux

Je suis l'aide de Braise 1.12.0

InformationsquelleAutor Osthekake | 2015-07-31
  1. 18

    De bind-attr syntaxe est obsolète:

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

    Et dans votre cas, vous passez une chaîne pas le isCancelled propriété par conséquent, il est toujours vrai, {{bind-attr disabled=isCancelled}}> serait de travailler.

    • J'ai essayé avec {{bind-attr disabled=isCancelled}} aussi. Même résultat. Mais je vais essayer de disabled={{isCancelled}} demain.
    • disabled={{isCancelled}} avait même résultat. La balise est rendu par "personnes handicapées" de l'attribut.
    • Pouvez-vous recréer votre problème dans emberjs.jsbin.com
    InformationsquelleAutor Patsy Issa
  2. 8

    Le problème est que si isCancelled est faux, il sera toujours rendre les personnes handicapées de la balise.

    Assurez-vous que isCancelled est VRAI ou NULL. Seulement quand il est null, 'disabled' ne sera pas rendu

    • Je ne crois pas que ce soit vrai. Je n'ai jamais résolu ce problème directement, mais je me suis débarrassé de lui finalement, après un changement de beaucoup de code et la supplantation de Braise 2.0.
    • C'est le cas dans de Braise 2.0. J'ai rencontré il y a quelques semaines. Autres références: stackoverflow.com/questions/30358020/... github.com/emberjs/ember.js/issues/10976
    • Cela fonctionne, alors que return false n': <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 est correct. Je ne suis pas sûr pourquoi elle a -1 sur elle. @Osthekake même dans les 2.x cela fonctionne. Vous pouvez retourner des valeurs booléennes à une propriété calculée submitIsDisabled et puis à l'intérieur de votre guidon modèles il suffit de ne <button disabled={{if submitIsDisabled true null}}>...</button> cette façon, vous obtenez le bénéfice du travail des handicapés de la propriété de la bascule et de vos fonctions JavaScript peut toujours renvoyer tout truthy ou falsey valeurs plutôt que de vous forcer à revenir null. Voici une Braise Tripoter démo
    • Je crois que vous êtes à côté de la question. La documentation indique que les personnes handicapées={{attribut}} devrait fonctionner comme prévu avec les valeurs qui sont faux, et pas nécessairement nul. En disant que, même dans les 2.x il fonctionne, c'est aussi un muet point, puisque dans les 2.x il fonctionne comme prévu, de toute façon, c'est à dire pas rendu la 'disabled' attribut si la valeur donnée est fausse. L'ensemble disabled={{attribut}} syntaxe n'existait pas dans les versions antérieures, c'est pourquoi j'ai utilisé {{bind-attr dans mon premier exemple.
    • Vous avez raison sur le problème. C'est un bug dans la Braise, et les docs disent le contraire. Cependant, il est de base en HTML comportement: voir lien. J'étais simplement en pointant quel était le problème et comment le résoudre. Mais le commentaire que vous avez donné "je ne crois pas que c'est vrai" a été très désagréable si vous n'avez pas le tester 😉
    • Je suis d'accord, j'ai raté le point un peu en se concentrant de plus en plus vers cette solution unique et les commentaires, y en ignorant l'image plus grande et de sa relation à la question réelle ou de la situation. Je vais résilier mon commentaire d'origine. ¯\_(ツ)_/¯
    • À l'aide de Braise 3 et Bootstrap 4, j'ai juste essayé de mettre en disabled=true ou disabled=false sur un bouton et cela n'a eu aucun effet.; Vous devriez utiliser disabled comme Bootstrap suggère pour les personnes handicapées éléments: getbootstrap.com/docs/4.0/components/list-group/#disabled-items

    InformationsquelleAutor Thomas Stubbe