Question

我的项目变得非常庞大。我的问题是由于......不明智的......选择的指令名称，即“datepicker”，与第三方指令发生冲突。

由于我使用bower进行依赖关系管理，我不想编辑任何库，因为这会破坏可移植性。

有谁解决了这个问题？

Answer 1

在我发表评论之后，我创建了一个plunker，看看这个解决方法是否可行，并看看Angular在名称冲突但在不同模块下的行为：

http://plnkr.co/edit/9JKTEfGG4bu47QQIEhBh?p=preview

似乎如果对不同的指令使用不同的限制，那么它确实有效（你需要使用不同指令上不相互的指令）。

<!DOCTYPE html>
<html>

  <head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
  </head>

  <body ng-app="myApp" ng-controller="myCtrl as vm">

  <div some-directive></div>
  <some-directive></some-directive>

  <script>
    var myApp2 = angular.module('myApp2',[]);
    myApp2.directive("someDirective", function() {
      return {
        restrict: 'E',
        template: 'inside myApp2'
      };
    });

    var myApp = angular.module('myApp', ['myApp2']);
    myApp.directive("someDirective", function() {
      return {
        restrict: 'A',
        template: 'inside myApp'
      };
    });


  </script>
  </body>

</html>

<强>输出

inside myApp
inside myApp2

修复两个具有相同名称的AngularJS指令的最佳方法是什么？

1 个答案: