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

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

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

編譯指令有兩種辦法

1，使用$compile()

2，使用ng-repeat指令

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

return{

...

template:'

...

}

所以正確的模板是這樣的

return{

...

template:'

'+

+'

+'

', //有了父節點包圍著就好了。。。

...

}

但是我模板又出現了一個問題　　Maximum call stack size exceeded

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

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

在angular7中創建組件/自定義指令/管道

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

ng之自定義指令

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

angular自定義指令 repeat 循環結束事件；limitTo限制循環長度、限定開始位置

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

在vue中創建自定義指令

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

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

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

Vue自定義指令使用場景

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

vue 自定義指令的魅力

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

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

目標 鉤子函數 自定義指令 自定義過濾器 計算屬性 監聽屬性 局部自定義指令 為什么需要自定義指令 為了復用,為了代碼的靈活 指令的分類:全局指令,局部指令 在vm外面創建的指令 通過Vue.dire ...

AngularJS -- 指令(創建自定義指令)

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

隨機推薦

大型web系統數據緩存設計

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

[BZOJ3714][PA2014]Kuglarz(MST)

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

php返回狀態200或者300的寫法

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

Web Service 之 開發、部署

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

[Xcode]some little skill

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

javascript入門基礎知識

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

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

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

XJOI1424解壓字符串

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

【Scala】Scala之Traits

一.前言 前面學習了Scala中包和導入的相關知識點,接著學習Traits(特質) 二.Traits Scala的特質與Java的接口基本相同,當遇到可以使用Java接口的情形,就可以考慮使用特質,S ...

azkaban使用--傳入動態參數

轉: azkaban的工作流中的參數可以分為如下幾個類型:azkaban UI 頁面輸入參數, 環境變量參數, job作業文件中定義的參數,工作流的用戶定義的屬性文件,上游作業傳遞給下游的參數,工作流 ...

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。