角度-通用指令

Question

我創建了一個通用directive ，希望在我們網站的任何Angular頁面中使用。 我不想強迫每個頁面使用相同的app變量。 我將如何將該指令更改為通用指令，以便可以將其作為依賴項添加（當然也包括在單獨的js文件中）？

var app = angular.module('myapp', []);

app.directive('helloWorld', function() {
 return {
  restrict: 'AE',
  replace: 'true',
  scope: {
  name: '@',
 },
 template: '<h3 >Hello {{name}}</h3> ',

   }
  };
});

Answer 1

您可以創建一個common模塊，在其上聲明指令，並將其用作每個應用程序上的模塊依賴項。 通過在應用程序模塊依賴項上添加模塊，您將能夠使用指令以及在common模塊上聲明的每個提供程序。

/common.module.js

;(function() {

    var commom = angular.module('common', []);

    commom.directive('helloWorld', function() {
        return {
            restrict: 'AE',
            replace: true,
            scope: {
                name: '@',
            },
            template: '<h3 >Hello {{name}}</h3> ',
        };
    });

})();

/index.html

<html>
...
<body ng-app="myapp">

    <hello-world name="World"></hello-world>

    <script src="angular.min.js"></script>
    <script src="common.js"></script>
    <script>    
        var app = angular.module('myapp', ['common']);
    </script>
</body>
</html>

角度-通用指令

問題描述

1 個解決方案

解決方案1
2 已采納 2017-04-26 17:05:23

角度-通用指令

問題描述

1 個解決方案

解決方案1 2 已采納 2017-04-26 17:05:23

解決方案1
2 已采納 2017-04-26 17:05:23