Die Kombination von angular-ui-bootstrap-radio-button und angular-translate-Richtlinien

Ich bin mit angular-ui-bootstrap-radio-button btn-radio - Direktive zusammen mit dem angular-translate-i18n translate - Direktive

Die Kombination der beiden Richtlinien in den <label> element macht der btn-radio scheitern.

Ich erstellt ein plunkr zu zeigen, der die btn-radio Verhalten

Ich weiß, es gibt einige Probleme, sharing, mehrere Richtlinien auf ein dom-element und ein workaround könnte sein, setzen die translate Richtlinie auf eine sub span element, oder mit der translate filter.

So, meine Frage ist: gibt es eine Möglichkeit, diese beiden Richtlinien arbeiten auf das gleiche element?

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

    Meine Muttersprache ist Koreanisch, nicht Deutsch. also, mein Englisch ist nicht gut.

    Ursache : Konflikt bootstrap ui und übersetzen Sie die Bibliothek mit dem html-element-Attribut

    Lösung :

    1. nicht mit übersetzen, mit dem element-Attribut

    2. so, entfernen element übersetzen-Attribut.

    3. add-Funktion controller für übersetzen Sprache Optionen.

    ex) 
  $scope.translate = function(id)
  {
      return $translate.instant(id);
  };
    1. übersetzen mit der Funktion
    ex) 
  <label class="btn btn-primary" ng-model="radioModel" btn-radio="'Left'">{{translate('BTN_A')}}</label>

    1. demo : http://plnkr.co/edit/TPwTan2dSmMVQbNtxpgg?p=preview

      test mit der blauen Taste.

    InformationsquelleAutor bgkim
  2. 1

    Ich einfach das gleiche problem und fanden eine einfachere Lösung ohne die Notwendigkeit, fügen Sie eine Funktion in der Steuerung, sondern einfach mit dem filter:

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