AngularJs外部文件控制器和指令：如何正确编写它们？

2019年7月22日 272次阅读

我有一个app.js文件,我在其中指定了我的依赖项：

angular.module("myApp", ['angular-jwt', 'chart.js']).config(...)

我想要一个指令的外部文件,所以在directives.js中我写道：

angular.module('myApp').directive(...)

controller.js同样的事情：

angular.module('myApp').controller('pokerstrazzkCtrl', function($scope, $http, jwtHelper) { ...

这是html文件中的包含脚本顺序：

    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
    <script src="https://cdn.rawgit.com/auth0/angular-jwt/master/dist/angular-jwt.js"></script>
    <script src="Chart.min.js"></script>
    <script src="angular-chart.js"></script>
    <script src="controller.js"></script>
    <script src="directives.js"></script>
    <script src="app.js"></script>

当在浏览器中显示时,我没有得到控制台错误,页面的源代码正是应该的,但我只看到背景,没有文本或其他元素.我究竟做错了什么？

最佳答案 请试试这个,

为模块声明一个全局变量.

var myApp = angular.module("myApp", ['angular-jwt', 'chart.js']).config(...)

然后使用此变量来表示您的模块.

myApp.directive(...)
点赞