無法將指令作為AngularJS中的依賴項注入

Question

我正在學習創建指令，並通過依賴項添加使它們可用，但是不知何故，請告訴我我在做什么錯。

Plnkr- http: //plnkr.co/edit/Mk4h7XvSN2YA26JZZ9Ua?p=preview

index.html

<!DOCTYPE html>
<html lang="en" ng-app="myApp">

  <head>
    <script src="https://code.angularjs.org/1.4.7/angular.js"></script>
    <script type="text/javascript" src="firstDirective.js"></script>
    <script type="text/javascript" src="script.js"></script>
  </head>

  <body ng-controller="mainCtrl as vm">
    <div class="container">
        <simple-directive></simple-directive>   
    </div>  
  </body>
</html>

firstDirective.js

angular
    .module('firstdirective')
    .directive('simpleDirective', function(){
        return {
            scope: true, // inherit child scope from parent
            restrict: 'E',
            replace: true,
            template: '<h2>My first directive from dependency</h2>'
        };
    });

script.js

var myApp = angular.module('myApp', ['firstdirective']);
myApp.controller('mainCtrl', function(){
    var vm = this;
})

Answer 1

要創建一個新模塊，您需要傳遞一個依賴項數組作為第二個參數：

angular.module('firstdirective', [])

否則，您將嘗試檢索該模塊。

無法將指令作為AngularJS中的依賴項注入

問題描述

1 個解決方案

解決方案1
3 已采納 2015-12-20 08:02:04

無法將指令作為AngularJS中的依賴項注入

問題描述

1 個解決方案

解決方案1 3 已采納 2015-12-20 08:02:04

解決方案1
3 已采納 2015-12-20 08:02:04