angularjs directive 使用自定义指令替换html内容报错总结

最新推荐文章于 2022-08-19 16:43:01 发布
置顶 最新推荐文章于 2022-08-19 16:43:01 发布
阅读量851 收藏
点赞数
分类专栏： 前端 AngularJs 文章标签： angularjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nihaoqiulinhe/article/details/80166218
版权

 项目中,有一个加载中的html内容,所以使用directive自定义一个内容,不过在写完之后,一直报错:

Error:[$compile:tplrt]http://errors.angularjs.org/undefined/$compile/tplrt?p0=commonLoading&p1=view%2Fcommon%2Fcommonloading

后来检查之后才发现,是因为自己写的公用的界面,添加一个注释,而注释放在了第一行,把注释放在第二行就可以解决问题,不得不说这个规则很严格,只能模板是以div开头,否则识别不了.





清澈@Cherry
关注
专栏目录
web前端笔试题-完善版
JackieDYH的博客
08-08 1万+
web面试题 1、定位有哪几种？分别简述其特点。 static：默认值，没有定位，元素出现在正常的文档流中 relative：生成相对定位的元素，不脱离文档流，相对于自身位置进行定位 absolute：生成绝对定位的元素，脱离文档流，相对于最近一级的定位，而不是static的父元素来进行定位 fixed：生成绝对定位元素（老IE不支持），脱离文档流，相对于浏览器窗口进行定位 2、请描述一下网页从开始请求到最终显示的完整过程 1.1在浏览器中输入地址 1.2发送到DNS服务器，解析获取域名对应的web服务器
VUE面试题（3）--vue常见面试题
最新发布
MingL520的博客
05-21 559
除了核心功能默认内置的指令 (v-model和v-show)，Vue 也允许注册自定义指令。[info]举个聚焦输入框的例子，如下：autofocus在移动版 Safari 上不工作)。事实上，只要你在打开这个页面后还没点击过任何内容，这个输入框就应当还是处于聚焦状态。// 注册一个全局自定义指令 `v-focus`// 当被绑定的元素插入到 DOM 中时……// 聚焦元素el.focus()})如果想注册局部指令，组件中也接受一个directivesfocus: {// 指令的定义。
html页面中的内容替换，或改变某些字的颜色
guocong0603的专栏
03-13 1万+
function ffRed(){  var xsxf = document.getElementById("id");  var str2 = "字段1";  var str3 = "字段2";  var reg=eval("/"+str2+"/gi");  var reg3=eval("/"+str3+"/gi");  xsxf.innerHTML =  xsxf.innerHTM
js改变html的原有内容
08-04 1355
js改变html的内容 Hello Html! document.getElementById("pid").innerHTML="绝地反击";//js改变html的内容
使用JavaScript替换HTML内容
编程故事的地方
03-26 2968
一天，在从多个站点查看源代码时，我注意到大量元素不包含任何数据。 我开始徘徊，为什么网页设计师会在网页上放置元素而不显示任何内容。 然后我意识到那些空元素是简单的占位符。 设计人员以后将要处理的屏幕空白区域。 JavaScript提供的一项非常有用的功能是能够替换以前显示的现有HTML文档中元素的内容，甚至是空元素。 Web设计师可能选择利用此功能的原因很多，但提供交互式页面是一个可能的目标。...
如何 JavaScript 改变 HTML 元素的内容
nuanpang的博客
08-19 5991
JavaScript 改变 HTML 元素的内容
AngularJS - 创建自定义的指令（directive）
wust_cyl的博客
08-14 6565
除了 AngularJS 内置的指令外，我们还可以创建自定义指令。你可以使用 .directive 函数来添加自定义的指令。要调用自定义指令，HTML 元素上需要添加自定义指令名。 使用驼峰法来命名一个指令， runoobDirective, 但在使用它时需要以 - 分割, <runoob-directive></runoob-directive> 内部有许多参数可以供...
Angular 4.0从入门到实战
热门推荐
含笑
06-23 2万+
AngularJS 优点 模板功能强大丰富，并且是声明式的，自带了丰富的Angular指令； 是一个比较完善的前端MVC框架，包含模板，数据双向绑定，路由，模块化，服务，过滤器，依赖注入等所有功能； 自定义Directive，比jQuery插件还灵活，但是需要深入了解Directive的一些特性，简单的封装容易，复杂一点官方没有提供详细的介绍文档，我们可以通过阅读源代码来找到某些我们需要
Angular 学习笔记
weixin_43571751的博客
04-28 2861
Angular 学习笔记环境搭建 环境搭建 安装npm，通过npm或cnpm安装angular。 npm install -g @angualr/cli 或 npm install -g @angualr/cli
javascript中innerHTML 获取或替换html内容的实现代码
10-15
主要介绍了javascript中innerHTML 获取或替换html内容,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
html页面动态加载，删除，替换 js/css引用
07-10
html页面动态加载，删除，替换 js/css引用
js 正则替换html里的文字
qq_38110067的博客
07-12 1090
js 正则替换html里的文字
通过JS改变HTML
qq_37816453的博客
10-23 984
JS控制HTML元素的显示和隐藏 利用来JS控制页面控件显示和隐藏有两种方法，两种方法分别利用HTML的style中的两个属性，两种方法的不同之处在于控件隐藏后是否还在页面上占空位。  　　方法一： 1 2 document.getElementById("EleId").style.visibility="hidden"; document...
js基础语法 事件 ECMAScript BOM DOM 弹窗 计时事件 改变HTML内容
weixin_45279447的博客
12-29 191
文章目录核心语法--变量核心语法--typeof运算符核心语法--string对象核心语法--数组核心语法--运算符号核心语法--逻辑控制语句核心语法--注释：核心语法--常用的输入/输出核心语法--语法约定核心语法--函数事件：什么是ECMAScript什么是BOM：什么是DOMJavaScript弹窗：window.location对象JavaScript计时事件：改变HTML内容 核心语法–变量 1、先声明变量在赋值 var width； wid
指令:自定义HTML元素和属性
光英的记忆博客
04-10 651
基于我们对HTML元素的理解,指令本质上就是AngularJS扩展具有自定义功能的HTML元素的途径。例如,我们可以创建一个自定义元素,它实现了标签的功能并且能在所有浏览器中工作: Caneventaketext 注意,这个自定义元素使用了特殊的开始和闭合标签my-better-video,以及my-href这个自定义属性。 为了让这个标签更有用,可以将浏览器默认的v
vue自定义指令 html,Vue---自定义指令（一）
weixin_35924765的博客
07-01 347
小案例一：局部自定义指令html://修改input框内的背景色export default {el:'app',directives:{myfocus:{inserted (el,binding) {console.log(el);console.log(binding);el.style.backgroundColor = '#ccc';}}},}效果图：二：全局自定指令html:////省略...
AngularJs:Directive指令用法
weixin_30765475的博客
10-09 936
AngularJs GitHub:https://github.com/angular/angular.js/ AngularJs下载地址：https://angularjs.org/ 摘要：Directive（指令）笔者认为是AngularJ非常强大而有有用的功能之一。它就相当于为我们写了公共的自定义DOM元素或CLASS属性或ATTR属性，并且它不只是单单如此，你还可以在它的基础上来操作...
AngularJS中Directive传function，并调用
dalangzhonghangxing的专栏
05-24 3736
在Angularjs中，指令是个好东西，可以极大的提高代码的重用性，也可以使各个模块之间解耦，提高代码的可维护性。但是在实际开发中，仅仅用它来传递值是远远不够的，传递方法在很多情况下比传递值更加有效，下面我来介绍下如何往directiive中传递方法。 收先我们定义一个指令，用来执行controller中的一个方法 var app = angular.module('App'); ...
AngularJS directive实现：自定义移动端数字键盘
本文主要介绍了如何使用AngularJS的自定义指令`directive`来实现移动端的自定义软键盘，特别是针对iPad等移动设备，避免系统键盘弹出遮挡屏幕的情况。 在移动互联网终端，尤其是iPad这样的大屏设备上，有时为了优化...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值