如何在 AngularJS UI 路由器中从bower_component加载文件
How do I load a file from bower_component within AngularJS UI router?
我想在点击特定 URL 时加载文件,但我还没有成功:
我的代码是这样的:
.state('admin.resources', {
url: '/resources',
templateUrl: 'views/admin/resources.html',
controller: 'ResourceController as res',
resolve: {
loadMyFiles: function ($ocLazyLoad) {
return $ocLazyLoad.load({
name: 'venture',
files: [
'bower_components/angular-ui-tinymce/src/tinymce.js'
]
})
}
}
})
如果我将其包含在索引中,一切正常.html如下所示:
<script type="text/javascript" src="bower_components/angular-ui-tinymce/src/tinymce.js"></script>
我不想从索引加载id.html因为我不希望在加载网站后加载该页面。我需要在单独的页面上使用该脚本。
有什么建议吗?
为了使用 oclazyload,您需要将其放在 resolve
属性中:
$stateProvider.state('index', {
url: "/", // root route
views: {
"lazyLoadView": {
controller: 'AppCtrl', // This view will use AppCtrl loaded below in the resolve
templateUrl: 'partials/main.html'
}
},
resolve: { // Any property in resolve should return a promise and is executed before the view is loaded
loadMyCtrl: ['$ocLazyLoad', function($ocLazyLoad) {
// you can lazy load files for an existing module
return $ocLazyLoad.load('js/AppCtrl.js');
}]
}
});
所有内容都在"使用路由器"中进行了解释和详细记录。
相关文章:
- 仅选择带有gull和'主bower文件'
- Bower安装EACCESS错误
- 使用$scope的最佳实践$apply();或者甚至是使用Angular Component的非Angular内容中的$
- 为什么wiredep一直在移除我的bower组件
- 如何在网页中包含bower组件
- Gulp bower图像路径
- Gulp找到我的Bower组件并将其插入
- 对Node,NPM,Bower以及将其用于Bootstrap感到困惑
- 可以在 Travis 发起的构建上运行 bower & npm
- 与 bower 一起安装的 ACE 编辑器找不到我的模式
- npm,bower,gulp,Yeoman和grunt有什么好处
- requirejs+bower,bower组件中的路径和依赖关系
- 使用bower-install时使用webcomponents.js
- 如何让我的ember.js应用程序导入从bower或npm安装的模块
- gulp-main-bower文件正则表达式过滤器不起作用
- 如何合并bower依赖项
- Angular 2 Component自定义属性在构造函数中为null
- 将bower配置为只安装dist文件夹
- 可以't使用grunt-bower任务插件运行我的grunt-task
- 使用wiredep在Angular应用程序中添加bower包