Javascript 外部查看Angularjs路由中的html文件
请建议如何包括(使用)几个项目之间常用和共享的html文件。 所以来自外部服务器的html文件需要包含在Angularjs路由器中。 下面是一个简短的例子,说明我所拥有的以及我正在努力解决的问题。 现在.html在我的项目文件夹中:Javascript 外部查看Angularjs路由中的html文件,javascript,angularjs,angular-ui-router,Javascript,Angularjs,Angular Ui Router,请建议如何包括(使用)几个项目之间常用和共享的html文件。 所以来自外部服务器的html文件需要包含在Angularjs路由器中。 下面是一个简短的例子,说明我所拥有的以及我正在努力解决的问题。 现在.html在我的项目文件夹中: .state('chatbase', { url: '/cn={cn}', onEnter: function ($stateParams, ParamsShareService) {
.state('chatbase', {
url: '/cn={cn}',
onEnter: function ($stateParams, ParamsShareService) {
ParamsShareService.updateCnValue($stateParams.cn);
},
views: {
'content@': {
templateUrl: 'views/chat_wv1.html',
controller: 'ChatController'
}
}
})
我正试图让他们像这样工作。这样我就可以分享一些项目的结构
.state('chatbase', {
url: '/cn={cn}',
onEnter: function ($stateParams, ParamsShareService) {
ParamsShareService.updateCnValue($stateParams.cn);
},
views: {
'content@': {
templateUrl: 'https://my-website/views/chat_wv1.html',
controller: 'ChatController'
}
}
})
我认为你实施它的方式行不通
templateUrl
支持项目或字符串的显式路径
HTML是一个包含静态内容的静态文件。然而,从HTTP
调用文件意味着使用HTTP协议获取文件内容-不同的流,templateUrl
不支持这种方式
此外,角度状态是在任何控制器之前加载的,我相信templateUrl:'views/chat_wv1.html',
就是我们今天所拥有的
您可以尝试这种方法(但有点复杂):
1) 您可以加载一些teplate.html
2)
teplate.html
将绑定到某个控制器,该控制器将从服务器加载html内容,您可以使用+来实现所需的功能谢谢,这个东西怎么样“$sceDelegateProvider.resourceUrlWhitelist([''”)`这是链接,还是我遗漏了什么@好吧,它与状态->模板URL
无关。谢谢您的帮助和建议,我会将您的答案标记为正确。并将查看编译。谢谢
views: {
'content@': {
templateUrl: 'views/teplate.html',
controller: 'ChatController'
}
}