angularjs - Complexify を使用した AngularJS ディレクティブ

Question

ComplexifyAngularJSでディレクティブを作成するのに助けが必要です。パスワードメーターです。私はこれが必要でした：

<input type="password" ng-model="password" />
<password-meter value="password" complexity="complexity"></passwordMeter>
<span class="label label-important" ng-show="complexity > 60">STRONG</span>

私の例では、パスワードの複雑さが高い場合、my<span>が表示されます。

私のコード:

app.directive('passwordMeter', function() {
    return {
      restrict: 'E',
      link: function link(scope, element, attrs) {
        var minLengthPassword = 6;
        var strengthScaleFactor = 1;

        $(element).complexify({
          minimumChars: minLengthPassword,
          strengthScaleFactor: strengthScaleFactor
        }, function(valid, complexity) {
          if(valid) {
            scope.complexity = complexity;
          } else {
            scope.complexity = 0;
          }
        });

        scope.$watch('password', function() {
          if(!scope.password) {
            scope.complexity = 0;
          }
        });
      }
    };
});