如何获得ng-include指令与内容分发网络一起使用?

如何获得ng-include指令与内容分发网络一起使用?,第1张

如何获得ng-include指令与内容分发网络一起使用?

是的,您是对的-问题出在跨域调用。
官方文档说:

默认情况下,模板URL限于与应用程序文档相同的域和协议。这是通过在其上调用$
sce.getTrustedResourceUrl来完成的。要从其他域或协议中加载模板,您可以将其列入白名单或将其包装为可信值。请参阅Angular的严格上下文转义。

请注意:浏览器的“相同来源策略”和“跨域资源共享(CORS)”策略除此以外还适用,并且可能进一步限制模板是否成功加载。这意味着,如果没有正确的CORS策略,则无法在所有浏览器上都无法从其他域加载模板。

例:

angular.module('myApp', []).config(function($sceDelegateProvider) {  $sceDelegateProvider.resourceUrlWhitelist([    // Allow same origin resource loads.    'self',    // Allow loading from outer templates domain.    'http://cdn.somewebsite.com/templates/**'  ]); });

有用的网址:

  • ngInclude
  • $ sce

因此,可以通过适当的角度设置来解决您的问题,但并非所有浏览器都可以解决。



欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/5643119.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-12-16
下一篇 2022-12-16

发表评论

登录后才能评论

评论列表(0条)

保存