javascript - 如何在指令之外调用方法？

Question

我是 Angular 使用指令的新手。有一个问题我需要帮助。 我有一个文件 common.js 。该文件内容方法:

function showAlert(value) {
   alert(value);
}

在指令中:

app.directive('ccDecimalinput', function($timeout, $parse){
      var FOCUS_CLASS = "error_tip error";
      var templateOut = '';
    //  console.log('ccDecimalinput ... ');
      return {
        restrict: 'E',
        require: 'ngModel',
        scope : {
            ngModel: '='
        },
        template: '<div ng-form="signup_form"><input type="text" class="maxlength_10_text left_aligned" id="' + attrs.id + '" name="' + attrs.name + '" ng-model="ngModel" required ng-minlength="1" ng-maxlength="10" /></div>'; ,
        replace : true,
        link: function(scope, ele, attrs, c) {
              scope.$watch('ngModel', function() {
                  if (scope.signup_form.$dirty && scope.signup_form.$invalid) {
                      //TODO
                      //I want to use method showAlert in common.js file here.
                      //....
                  }
              });
            }
        }
    });

有人帮帮我吗？

Answer 1

如果您已加载common.js脚本，您可以像平常一样调用该函数。它似乎是全局性的..

if (scope.signup_form.$dirty && scope.signup_form.$invalid) {
  showAlert('some value');
}

您可以像平常一样在 html 中加载脚本: <script src="path/to/common.js"></script>

另外，我希望这只是一个例子.. 包装 alert() 没有多大意义。通过它自己。您可以调用alert()直接使用，不需要外部函数。