angularjs script 标签不能通过ng-include 加载

最新推荐文章于 2024-05-17 13:52:13 发布
最新推荐文章于 2024-05-17 13:52:13 发布
阅读量309 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/wssdzf/p/3709400.html
版权

今天发现一个通过ng-include 加载的页面在ie8下不显示不出来，检查发现引用页面里有script 标签，搜索发现是因为https://github.com/angular/angular.js/issues/3756 已经不支持在ng-include 里加载script标签。

解决办法：依照neemzy 这哥们提出的办法http://www.dpaste.cc/paste/5279208b192d306411000003#javascript  给script标签换成一个隐藏的div,创建一个javascriptLazy指令，

给里边内容eval()下，OK了，

转载于:https://www.cnblogs.com/wssdzf/p/3709400.html

weixin_34258838
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
关于angular的include指令，include的页面无法加载js问题解决
toumingyumaohuiyi的博客
02-07 5621
晚上在看angular时候，遇到了一个问题 问题描述： index.html html ng-app='a'> hello script type="text/JavaScript" src='https://code.angularjs.org/1.5.10/angular.min.js'>script> script type="text/JavaScri
angular中ng-include失效的原因
weixin_30457881的博客
11-02 252
使得angular的ng-include指令失效的原因有两个： 　例如:在demo.html中的代码<div ng-include = "'demo1.html'"></div> 　1.首先两个文件的域名必须相同，换言之就是要将文件放在服务器上。本次用的是appache。 　2.另外，就是是否细心了，可以看到，在ng-include指令中的文件名外部有个单引号，单引号...
ng-include指令
热门推荐
天马3798
12-15 1万+
一、AngularJS ng-include指令 定义和用法 ng-include 指令用于包含外部的 HTML 文件。 包含的内容将作为指定元素的子节点。 ng-include 属性的值可以是一个表达式，返回一个文件名。 默认情况下，包含的文件需要包含在同一个域名下。 语法 element ng-include="filename" onload="
利用AngularJS中ng-include实现加载外部HTML文件并执行js
叶新东老师的博客
12-10 1万+
我试验过，直接使用异步通信加载的html文件，虽然可以显示静态页面，但是页面内的js却无法加载（当然也有办法加载，只是太麻烦了），但是现在有了AngularJS 我们纠结就可以直接加载html和里面的js代码了 实现起来特别简单：    * 第一步先引入AngularJS的js文件、    * 第二步在body处设置一个ng-app，    * 第三步就是设置一个ng-include在一个...
利用AngularJS中ng-include实现静态HTML头文件和尾文件导入
林老师带你学编程
09-17 1万+
今天给大家介绍一下如何利用AngularJS中ng-include实现静态HTML头文件和尾文件导入。 想学习分布式、微服务、JVM、多线程、架构、java、python的童鞋，千万不要扫码，否则后果自负~ 其实特别简单，第一步先引入AngularJS的js文件、第二步在body处设置一个ng-app，第三步就是设置一个ng-include在一个div中。 下面给出一个例子具体分析一下，...
AngularJS基础 ng-include 指令示例讲解
12-29
AngularJS ng-include 指令 AngularJS 实例 包含 HTML 文件: <!DOCTYPE html> <html> <head> <meta charset=utf-8> [removed][removed] </head> <body ng-app=> <div ng-include...
angularjs中使用ng-bind-html和ng-include的实例
10-19
下面小编就为大家带来一篇angularjs中使用ng-bind-html和ng-include的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
AngularJS基础 ng-include 指令简单示例
12-29
AngularJS ng-include 指令 AngularJS 实例 包含 HTML 文件: <!DOCTYPE html> <html> <head> <meta charset=utf-8> [removed][removed] </head> <body ng-app=> <div ng-...
angular js 根据条件决定是否引入script标签
Sophiego的博客
02-15 2185
工作中遇到了一个小问题，要根据接口的值来决定是否引入js文件，有两个想法 1 控制script标签显示隐藏。根据接口传来的值，来决定元素显示隐藏，从而决定是否引入js,但是尽管ng-show 已经为false,但依然引入了，所以并没起作用。 至于原因，我猜测可能是因为虽然script标签显示隐藏了，但只是界面效果，元素依然存在。 2 鉴于第一条路走不通，我在想控制ng-if是否好用，然而也不
js 根据不同条件引入不同的js 文件
秋风伴落叶
03-06 8829
var lanuage=sessionStorage.getItem("sysManager_i18nLanauge"); if(lanuage=="en"){//如果是英文则引用英文的js文件 $("body").append('&lt;script src="${pageContext.request.contextPath}/js/mac...
在Angular项目动态引入JS模块
novenn
10-10 1万+
背景由于Angular项目默认使用ts作为开发语言，但是Angular本身是一个新的框架，导致很多好用的js库都没有对应的ts版本。所以在开发angular项目的时候存在Angular项目的场景。下面以引入jquery为例，介绍两种方法：方法一直接在应用入口index.html使用script方式引入：<script src="path/jquery.js"></script>这种方法的特点： 1
angularjs也支持script形式的template
weixin_33924220的博客
06-22 219
&lt;script type="text/ng-template" id="name"&gt; https://docs.angularjs.org/api/ng/directive/script &lt;script type="text/ng-template" id="/tpl.html"&gt; Content of the template. &lt;/script&am
关于Angular js的文件引用和模板问题（ng-view,ng-include）
web_hua的博客
08-31 7805
1.ng-view和ng-include的区别     首先先说一下这两个指令的区别，ng-view这个方法通过使用路由控制，可以方便的实现页面组合。但这个方法也有一个重大缺点，就是一个html文件中，只能有一个ng-view。虽然有变通之法。他是可以被ctl控制的。 ng-include就是将多个页面的公共页面提取出来，如header.html，footer.html等，在每个页面用<dv
angularjs 1 如何在ng-route的模板中使用script标签
weixin_30246221的博客
06-01 209
　　如果你在angularjs 的路由模板里使用<script>标签的话，你会发现标签不起作用。这是因为angular为了安全起见而禁止了模板执行script。如果一定要在路由模板里使用script标签该怎么办呢？比较方便的方法是使用自定义指令。 var app = angular.module('vcsite', ['ngRoute']); app.dir...
使用angularJS include遇到的坑
Jeven35的博客
04-06 1617
这玩意好像只能静态引入html和css代码，相当于简单复制？所以引入文件中存在的路径名一定要注意一下！！！angular.min.js好像不太好用，推荐使用angular.js，错误提示更完整一定要注意模块使用和include中和使用产生的乱七八糟的问题...
ant design DatePicker日期选择框指定分钟的间隔minuteStep属性
最新发布
u010234868的专栏
05-17 195
在上面的例子中，DatePicker 将只允许用户以 15 分钟为间隔选择分钟。是 Ant Design 的 TimePicker时间选择框组件的一个属性。设置为 30，则用户可以选择以 30 分钟为间隔的分钟值。如果你想让分钟选项只能以 15 分钟为间隔选择，你可以将。
nutika --include-package和--include-module的区别
07-11
在使用 CSDN 开发的 ChitGPT 中，`--include-package` 和 `--include-module` 是用于指定加载自定义包和模块的命令行参数。 - `--include-package` 参数用于指定要加载的自定义包。当你的对话模型需要调用自定义的 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值