AngularJs SmartTable：テンプレート変数を追加

Question

私はSmartTableを使用しています。そのテーブルにはページネーションテンプレートがあります。私は「Xのページ1」をdispayする必要があるテーブルのフッターに 、私はHTMLテンプレートを使用します。私は私のpagination.htmlテンプレートで

<tfoot> 
    <tr> 
     <td colspan="{{ct.headCells.length}}" class="text-center"> 
      <div st-items-by-page="itemsPerPage" 
       st-pagination="" 
       st-template="/templates/pagination.custom.html"> 
      </div> 
     </td> 
    </tr> 
</tfoot> 

を

<li><page-select>{{currentPage}}</page-select> of {{numPages}}</li> 

すべての良い、currentPageとnumPagesが表示されます。

さて、私はフランス語で、たとえば、単語ofを翻訳する必要があるので、私は新しい変数$scope.ofText = "de"を追加しました...と私はHTMLテンプレートでそれを使用します。

<li><page-select>{{currentPage}}</page-select> {{ofText}} {{numPages}}</li> 

は、任意のテキストを表示しません。 {{ofText}} ...

テンプレートでカスタム変数を追加するにはどうすればよいですか？

Answer 1

@ Serge「pageSelect.directive.js」ファイルに追加できます。リンク関数内のディレクティブにスコープ変数として変換を追加して表示します。プランナーを見てください。

https://plnkr.co/edit/bunKjbMpQm8bevUYacFt?p=preview

angular.module('myApp') 
    .directive('pageSelect', function() { 
     return { 
     restrict: 'E', 
     template: '<input type="text" class="select-page" ng-model="inputPage" ng-change="selectPage(inputPage)">', 
     link: function(scope, element, attrs) { 
      scope.$watch('currentPage', function(c) { 
      scope.inputPage = c; 
      }); 
      scope.ofStr="de"; 
     } 
     } 
    });