在向模塊添加依賴關係後，指令不起作用

我正在處理由節點服務器提供的角應用程序，並且我試圖在core.js文件中包含依賴關係。一切都很好，直到我添加依賴模塊。只要我向模塊添加依賴項，指令因某種原因停止工作。更具體地說，我試圖添加的依賴項是btford.socket-io並且安裝有bower。在向模塊添加依賴關係後，指令不起作用

我已經嘗試通過括號添加它，如下所示，並與app.requires，這也可以在下面看到的評論。在控制檯中顯示的錯誤是[$injector:modulerr]。

這裏是我的Core.js文件：

var app = angular.module('test', ['btford.socket-io']); 
// app.requires.push('btford.socket-io'); 

app.controller('testController', function ($scope, $http) { 
    $scope.test = "This is test."; 

    $scope.loadData = function() { 
     $http.get('/data').success(function(data) { 
      $scope.data = data; 
     }); 
    }; 

    $scope.loadData(); 
});

這裏是layout.jade：

doctype html 
html 
    head 
    title= title 
    link(rel='stylesheet', href='/stylesheets/style.css') 
    script(src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js') 
    script(src='http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js') 
    script(src='/socket.io/socket.io.js') 
    script(src='javascripts/core.js') 
    body(ng-app="test") 
    block content

這裏是index.jade：

extends layout 

block content 
    div(ng-controller="testController") 
     p {{test}} Result should be 15 and is: {{5 + 10}} 
     br 
     p {{data[0].name}}

添加依賴指令前戲預期成果：

This is test. Result should be 15 and is: 15 
MyName

但添加後的依賴，他們只是顯示爲純文本錯誤[$injector:modulerr]：

{{test}} Result should be 15 and is: {{5 + 10}} 
{{data[0].name}}

有誰知道爲什麼會這樣，我怎麼能夠使它發揮作用？

來源

2015-12-21 Miljac

你是什麼錯誤？ –

我沒有看到任何腳本在你的HTML加載btford.socket-io模塊。 –

@Deblaton Jean-Philippe我剛剛更新了這個問題。 – Miljac

正如評論中所述，將<script>標記添加到HTML解決了它。

要注意的唯一的事情是，我不得不添加app.use(express.static(path.join(__dirname, 'bower_components')));到app.js能夠使用通緝航線

來源

2016-03-25 07:18:24 Miljac

在向模塊添加依賴關係後，指令不起作用

回答

相關問題