HTML属性でエスケープされた翻訳

Question

私はを使用しています。フューズテーマ（http://fuse-angular-material.withinpixels.com/dashboard-project）angularJSテーマです。角度翻訳とステッパーに問題があります。私はステップのタイトルを翻訳したいが、htmlの構文は変わっている：step-title = "'Description'"。あなたが見ることができるように、二重引用符と簡単な引用がある（???）と私はなぜ知らない...ここで

例

：

<form name="stepper" ms-stepper ng-submit="vm.submitStepper()" ng-model="vm.stepper" novalidate> 
    <ms-stepper-step ng-form="step1" step="1" step-title="'Description'"> 
     <div ng-include="'app/main/management/users/dialogs/stepper/step-description.html'"></div> 
    </ms-stepper-step> 

    <!-- other steps... --> 
</form> 

step-title = "'Description'"は角度変換を使用できないため大きな問題です。私はそのような何かを行うことはできません。

 <ms-stepper-step ng-form="step1" step="1" step-title="'{{ 'trad' | translate }}'"> 

どのように私は、ステッパHTML属性での翻訳を使用することができますか？

ありがとうございました！

Answer 1

それはstepTitle: '=?' を持っている。しかし、私はあなたがコンポーネントのソースコードを変更することができ

を確認していないので実際にあなたがstep-title="'{{ 'trad' | translate }}'"

を渡すことができます。

module.exports = function(){ 
    return { 
     restrict: 'E', 
     require : ['form', '^msStepper'], 
     priority: 1000, 
     scope : { 
      step  : '=?', 
      stepTitle : '=?', 
      optionalStep: '=?', 
      externalCallback: '&?', 
      showButtons: '=?', 
      status: '=' 
     }, 
     compile : function (tElement) 
     { 
      tElement.addClass('ms-stepper-step'); 

      return function postLink(scope, iElement, iAttrs, ctrls) 
      { 
       var FormCtrl = ctrls[0], 
        MsStepperCtrl = ctrls[1]; 

       // Is it an optional step? 
       scope.optionalStep = angular.isDefined(iAttrs.optionalStep); 

       // Register the step 
       MsStepperCtrl.registerStep(iElement, scope, FormCtrl); 

       // Hide the step by default 
       iElement.hide(); 
      }; 
     } 
    } 
} 

ですから、ステッパーディレクティブ

を変更する必要があります

2つのオプションがあります

は（私は2番目のオプションを試していない）、それは完璧に動作します「@」でテンプレート

<div layout="column" layout-align="start start"> 
       <div class="title">{{step.stepTitle}}</div> <!-- here is the title--> 
       <div class="subtitle" ng-if="MsStepper.isStepOptional(step.stepNumber)">Optional</div> 
      </div>