javascript - Angular/grunt 无法加载模板

原文 标签 javascript html angularjs gruntjs yeoman

我最近在我的 yeoman 应用程序中引入了 angular 指令以进行模板化,如果我 grunt 为应用程序的正常开发版本提供服务,一切正常,但是当我用 grunt 构建“dist”文件夹并提供它时,我的指令中的 html应用程序不会出现在页面上,并且控制台会记录此错误:

Failed to load resource: the server responded with a status of 404 (Not Found)

vendor.6e8f248d.js:5 Error: [$compile:tpload] Failed to load template: 
/views/tabdir.html (HTTP status: 404 Not Found)

我读到依赖注入(inject)需要采用数组格式,这样缩小才不会弄乱它,所以我对所有 Controller 都这样做了,但同样的问题仍然存在。例如:
angular.module('MainApp').controller('MainCtrl', ['$scope', 'inputBlur', function ($scope, inputBlur) {

}]);

是什么导致我的指令不能被 grunt 正确加载?

最佳答案

我有一个类似的问题。删除第一个前斜杠 /templateUrl你的指令的值,应该是这样的:

templateUrl:'views/tabdir.html'

关于javascript - Angular/grunt 无法加载模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35399087/

相关文章:

javascript - 替代 OR 语句

javascript - 我在使用JavaScript报价时遇到了一些麻烦

javascript - 带有 Twitter Bootstrap 的 JSON 的 AngularJS 菜单和子菜单

foreach 循环内的 JavaScript 拼接函数递减索引

javascript - 使用onclick将'x'颜色添加到按钮边框

javascript将字符串转换为css的安全类名

javascript - 无需 Flash 即可访问网络摄像头

javascript - 对齐组对象中的图像和文本

python - BeautifulSoup4 导入错误

javascript - Angular Http Ang始终获取返回状态0