在ng里，所有的指令在按照意愿正常工作之前的都需要編譯一下，包含angularJS的自定義指令。

ng模板里的所有指令都會在angularJS加載完畢之后編譯一下，所以那些自定義指令和事件才能工作。

但如果是新增DOM的里如果包含自定義指令，那么就需要在angularJS的編譯器下重新跑一下。

編譯指令有兩種辦法

1，使用$compile()

2，使用ng-repeat指令

NOTE，自定義指令的模板必須包含在一個root element根節(jié)點里，如果是兩個相鄰的兄弟節(jié)點會報錯。

return{

...

template:'

...

}

所以正確的模板是這樣的

return{

...

template:'

'+

+'

+'

', //有了父節(jié)點包圍著就好了。。。

...

}

但是我模板又出現(xiàn)了一個問題　　Maximum call stack size exceeded

怎么調(diào)整都不行，把模板寫到單獨的html文件里，使用templateUrl引入也同樣會出問題

后來只能將模板加入到edit-btn標(biāo)簽里才沒有問題；

在angular7中創(chuàng)建組件/自定義指令/管道

在angular7中創(chuàng)建組件/自定義指令/管道 組件 使用命令創(chuàng)建組件 創(chuàng)建組件的命令:ng generate component 組件名 生成的組件組成: 組件名.html .組件名.ts.組件名. ...

ng之自定義指令

最近開始研究并使用angular,今天就來簡單講講對于ng中自定義指令的一下使用心得吧! 相信用過ng的人都對ng中的指令有所了解,指令,我將其理解為AngularJS操作HTML element的一 ...

angular自定義指令 repeat 循環(huán)結(jié)束事件；limitTo限制循環(huán)長度、限定開始位置

1.獲取repeat循環(huán)結(jié)束: 自定義指令: .directive('repeatFinish', function () { return { link: function (scope, elem ...

在vue中創(chuàng)建自定義指令

原文:https://dev.to/ratracegrad/creating-custom-directives-in-vue-58hh 翻譯:心上有楊 指令是帶有 v- 前綴的特殊屬性.指令的作用是 ...

angular自定義指令命名的那個坑

Directive 先從定義一個簡單的指令開始. 定義一個指令本質(zhì)上是在HTML中通過元素.屬性.類或注釋來添加功能.AngularJS的內(nèi)置指令都是以ng開頭,如果想自定義指令,建議自定義一個前綴代 ...

Vue自定義指令使用場景

當(dāng)你第一次接觸vue的時候,一定會使用到其中的幾個指令,比如:v-if.v-for.v-bind...這些都是vue為我們寫好的,用起來相當(dāng)?shù)乃?如果有些場景不滿足,需要我們自己去自定義,那要怎么辦呢 ...

vue 自定義指令的魅力

[第1103期]vue 自定義指令的魅力 點點?前端早讀課?2017-11-08 前言 很多事情不能做過多的計劃,因為計劃趕不上變化.今日早讀文章由富途@點點翻譯分享. 正文從這開始- 在你初次接觸一 ...

Vue.js 第2章 鉤子函數(shù)&自定義指令&過濾器&計算屬性&偵聽器

目標(biāo) 鉤子函數(shù) 自定義指令 自定義過濾器 計算屬性 監(jiān)聽屬性 局部自定義指令 為什么需要自定義指令 為了復(fù)用,為了代碼的靈活 指令的分類:全局指令,局部指令 在vm外面創(chuàng)建的指令 通過Vue.dire ...

AngularJS -- 指令(創(chuàng)建自定義指令)

點擊查看AngularJS系列目錄 轉(zhuǎn)載請注明出處:http://www.cnblogs.com/leosx/ ? 什么是指令 注:本指南是針對已經(jīng)熟悉AngularJS基礎(chǔ)知識的開發(fā)人員.如果你才剛 ...

隨機推薦

大型web系統(tǒng)數(shù)據(jù)緩存設(shè)計

1. 前言 在高訪問量的web系統(tǒng)中,緩存幾乎是離不開的:但是一個適當(dāng).高效的緩存方案設(shè)計卻并不容易:所以接下來將討論一下應(yīng)用系統(tǒng)緩存的設(shè)計方面應(yīng)該注意哪些東西,包括緩存的選型.常見緩存系統(tǒng)的特點和數(shù) ...

[BZOJ3714][PA2014]Kuglarz(MST)

題目: Description 魔術(shù)師的桌子上有n個杯子排成一行,編號為1,2,…,n,其中某些杯子底下藏有一個小球,如果你準(zhǔn)確地猜出是哪些杯子,你就可以獲得獎品.花費c_ij元,魔術(shù)師就會告訴你杯子 ...

php返回狀態(tài)200或者300的寫法

header("HTTP/1.0 200 OK"); phpinfo(); header("HTTP/1.0 300 OK"); phpinfo();

Web Service 之 開發(fā)、部署

一.C#開發(fā)WebService 在 VS2010 中新建 ASP.NET Web 應(yīng)用程序,取名 WebTest. 應(yīng)用程序下新建項其實最簡單的就是建一個網(wǎng)站項目,直接" 添加新項→Web ...

[Xcode]some little skill

Date:2014-1-2 Summary: 自己在使用Xcode的一些小習(xí)慣,記錄下來,我是這么用的,你呢? Contents:1.使用#warning 在工作中,難免需要做一些test,但是又怕忘 ...

javascript入門基礎(chǔ)知識

JavaScript介紹: 1. javascrip是互聯(lián)網(wǎng)上最流行的腳本語言,可用于Web和HTML,更可廣泛用于服務(wù)器.pc端.移動端. 2. javascript腳本語言: javascript ...

手動為maven的本地倉庫添加JAR

在要添加的jar所在的文件夾下打開黑屏 如添加Oracle的ojdbc6.jar 輸入: mvn install:install-file -DgroupId=com.oracle -Dartifac ...

XJOI1424解壓字符串

解壓字符串 給你一個字符串S,S是已經(jīng)被加密過的字符串.現(xiàn)在要求你把字符串S還原.字符串S可能會出現(xiàn)這樣的格式:k(q),它表示字符串q重復(fù)了k次,其中q是0個或多個字符,而k是一個數(shù)字,范圍是0至9 ...

【Scala】Scala之Traits

一.前言 前面學(xué)習(xí)了Scala中包和導(dǎo)入的相關(guān)知識點,接著學(xué)習(xí)Traits(特質(zhì)) 二.Traits Scala的特質(zhì)與Java的接口基本相同,當(dāng)遇到可以使用Java接口的情形,就可以考慮使用特質(zhì),S ...

azkaban使用--傳入動態(tài)參數(shù)

轉(zhuǎn): azkaban的工作流中的參數(shù)可以分為如下幾個類型:azkaban UI 頁面輸入?yún)?shù), 環(huán)境變量參數(shù), job作業(yè)文件中定義的參數(shù),工作流的用戶定義的屬性文件,上游作業(yè)傳遞給下游的參數(shù),工作流 ...

總結(jié)

以上是生活随笔為你收集整理的builtins自定义_ng-repeat里创建的自定义指令的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。