Fatal编程技术网
  • javascript/
  • Javascript Yeoman Angularjs如何执行指令

Javascript Yeoman Angularjs如何执行指令

javascript angularjs

Javascript Yeoman Angularjs如何执行指令,javascript,angularjs,yeoman,directive,Javascript,Angularjs,Yeoman,Directive,我试图用Yeoman+Angular让我的脚离开地面，在阅读教程时，我甚至无法获得最基本的开火指令，即使我尝试与教程中完全相同的指令 有没有人能告诉我我错过了什么，过去两天我一直在努力解决这个问题 HTML模板-ng resize是预期的指令 <body ng-app="mvmdApp"> .... <div ng-mousemove="onMouse($event)" ng-resize="" class="youtube-cover ng-scope"> <

我试图用Yeoman+Angular让我的脚离开地面，在阅读教程时，我甚至无法获得最基本的开火指令，即使我尝试与教程中完全相同的指令

有没有人能告诉我我错过了什么，过去两天我一直在努力解决这个问题


HTML模板-ng resize是预期的指令

<body ng-app="mvmdApp">
....
<div ng-mousemove="onMouse($event)" ng-resize="" class="youtube-cover ng-scope">
  <div class="youtube-unit"></div>
</div>

奇怪的是，每当我调用指令脚本中的
angular.module（'mvmdApp'，[]）
时，它都会阻止视图的渲染

编辑：我还注意到，当我在所有其他脚本之前加载该指令时，它不会阻止html的呈现，但仍然不会触发该指令。我不知道angular脚本的加载顺序是否/如何重要，因为我不知道在哪里可以找到它。

这可能无法解决您的问题，但我看到的一个错误是

angular.module（'mvmdApp'，[]）
已在多个位置声明，resize.js和app.js。此格式声明每次使用此名称创建一个新模块

这只能从app.js调用一次。在resize.js中，它应该是
angular.module（'mvmdApp'）
您多次声明该模块。您可以通过执行以下操作来简化此过程：

在app.js中：

'use strict';

var myApp = angular.module("mvmdApp", []);

myApp.config(function($routeProvider, $locationProvider) {
  ...
});
在youtube.js中：

'use strict';
myApp.controller('YoutubeCtrl', function($scope) {
  ...
});
resize.js中的一个示例：

'use strict';

myApp.directive('resize', function($window) {
  ...
});
更新了plunker。此外，我不想调用指令“ng resize”，因为angular团队通常使用ng前缀。在本例中，指令只是“调整大小”。

您能用代码创建一个Plunker脚本吗？我不明白Plunks angular library有什么问题，但基本上是这样的。我使用的是coffeescript、stylus和jade，但这是编译后的代码谢谢，让我不爽的是yeoman生成器定义了angular.module（）两次，一次在app.js中，一次在controller main.js中，这让我相信这是一个单例模式。你能用这个注释更新你的问题吗，这使未来的读者更容易阅读。谢谢，在我的例子中，咖啡脚本将一切都投入到它自己的生活中，我必须定义window.myApp=angular（）。。。并在每个脚本中重新定义，但这似乎解决了问题，谢谢 
'use strict';
myApp.controller('YoutubeCtrl', function($scope) {
  ...
});

'use strict';

myApp.directive('resize', function($window) {
  ...
});