用于双语应用的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>