用於雙語應用的AngularJs密碼計

Question

我使用ng-password-meter來確定登錄時的密碼強度。 現在我的項目是雙語的（英語和瑞典語）。 我希望瑞典語中也能顯示“強”和“弱”等信息。 有什么方法可以對ng-password-meter工具進行操作，這樣它在瑞典也能正常工作。 如果沒有，那么還有其他angularjs工具適用於2種語言嗎？ 如果不是這樣，請幫助我如何定制它。 任何幫助，將不勝感激。

Answer 1

這應該讓你去：

1）更新模板行以用{{displayMessage（）}}替換{{message}}

template: '<div class="pass-meter {{masterClass}}"><div class="{{colClass}} pass-meter-col {{first}}"><div class="indicator"></div></div><div class="{{colClass}} pass-meter-col {{second}}"><div class="indicator"></div></div><div class="{{colClass}} pass-meter-col {{third}}"><div class="indicator"></div></div><div class="{{colClass}} pass-meter-col {{fourth}}"><div class="indicator"></div></div><div class="pass-meter-message">{{displayMessage()}}</div></div>',

2）更新范圍以包含translateFilter綁定

scope: {
    password: '=',
    strength: '=?',
    translateFilter: '<?'
},

3）添加具有相應displayMessage函數的控制器：

controller: ['$scope','$filter', function($scope, $filter){
    $scope.displayMessage = function() {
         return (!!$scope.translateFilter) 
              ? $filter($scope.translateFilter)($scope.message)
              : $scope.message;
    };
}],

4）將您的翻譯過濾器傳遞給指令：

app.filter('customTranslate', function(){
    return function(value) {
        return value + 'tada';
    }
});

<ng-password-meter password="password" translate-filter="'customTranslate'"></ng-password-meter>