La combinaison de angular-ui-bootstrap bouton radio et angulaire-traduire les directives

Je suis en utilisant angular-ui-bootstrap bouton radio btn-radio de la directive avec le angular-translate i18n translate de la directive

La combinaison de ces deux directives dans le <label> élément rend le btn-radio défaut.

J'ai créé un plunkr pour montrer le btn-radio comportement

Je sais qu'il y a certains problèmes de partage de multiples directives sur un élément du dom et une solution pourrait être de mettre le translate directive sur un sous span élément, ou à l'aide de la translate filtre.

Donc, ma question est: est-il un moyen de faire de ces deux directives de travail sur le même élément?

InformationsquelleAutor François Maturel | 2015-06-11
  1. 2

    Ma langue maternelle est le coréen, l'anglais. donc, mon anglais n'est pas bon.

    cause : un conflit de bootstrap de l'interface utilisateur et de les traduire de la bibliothèque avec d'attribut d'élément html

    solution :

    1. pas à l'aide de traduire avec attribut d'élément

    2. retirez l'élément de traduire attribut.

    3. ajouter la fonction de contrôleur pour traduire les options de langue.

    ex) 
  $scope.translate = function(id)
  {
      return $translate.instant(id);
  };
    1. traduire à l'aide de la fonction
    ex) 
  <label class="btn btn-primary" ng-model="radioModel" btn-radio="'Left'">{{translate('BTN_A')}}</label>

    1. démo : http://plnkr.co/edit/TPwTan2dSmMVQbNtxpgg?p=preview

      test avec bouton bleu.

    InformationsquelleAutor bgkim
  2. 1

    Je viens de courir dans le même problème et trouvé une solution plus simple sans avoir besoin d'ajouter une fonction dans le contrôleur, mais simplement à l'aide du filtre:

    <label class="btn btn-primary" ng-model="radioModel" btn-radio="'Left'">{{'TRANSLATION.KEY' | translate}}</label>
    InformationsquelleAutor theCuriousOne