angularjs directive和component命名規(guī)則的坑

ShowerSun 發(fā)布于2019-08-20 11:20 / 3457人閱讀

摘要：和命名規(guī)則的坑今天才發(fā)現(xiàn)中有這么一段這段其實(shí)也講了命名轉(zhuǎn)化規(guī)則比如我定義一個(gè)名字為，在模板引用中，我們需要這樣引用。命名的時(shí)候得注意這個(gè)隱含的轉(zhuǎn)化規(guī)則，真是個(gè)坑

angularjs directive和component命名規(guī)則的坑

今天才發(fā)現(xiàn)angularjs doc中directive有這么一段

Normalization Angular normalizes an element"s tag and attribute name
to determine which elements match which directives. We typically refer
to directives by their case-sensitive camelCase normalized name (e.g.
ngModel). However, since HTML is case-insensitive, we refer to
directives in the DOM by lower-case forms, typically using
dash-delimited attributes on DOM elements (e.g. ng-model).

The normalization process is as follows:

Strip x- and data- from the front of the element/attributes. Convert
the :, -, or _-delimited name to camelCase.

這段其實(shí)也講了html命名轉(zhuǎn)化規(guī)則

比如我定義一個(gè)component名字為cpuLoad，在模板引用中，我們需要這樣引用。就是將首字母小寫，每個(gè)名字部分首字母大寫的形式轉(zhuǎn)化為通過(guò)-來(lái)連接小寫部分的形式。

命名的時(shí)候得注意這個(gè)隱含的轉(zhuǎn)化規(guī)則，真是個(gè)坑

云服務(wù)器 GPU云服務(wù)器變量命名規(guī)則公司域名的命名規(guī)則二級(jí)域名命名規(guī)則服務(wù)器的命名規(guī)則

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/80514.html

相關(guān)文章

AngularJS 風(fēng)格指南 (ES2015)

摘要：風(fēng)格指南的最佳實(shí)踐涵蓋體系結(jié)構(gòu)文件結(jié)構(gòu)組件單向數(shù)據(jù)流和生命周期。模塊概述模塊的設(shè)計(jì)直接反應(yīng)了我們的文件結(jié)構(gòu)從而保持了可維護(hù)性和可預(yù)測(cè)性。指令不應(yīng)再聲明模板和控制器，或者通過(guò)綁定接收數(shù)據(jù)。指令應(yīng)該只是用來(lái)和互交。 # AngularJS 風(fēng)格指南 (ES2015) AngularJs1.6.x的最佳實(shí)踐.涵蓋體系結(jié)構(gòu),文件結(jié)構(gòu),組件,單向數(shù)據(jù)流和生命周期。目錄模塊化體系結(jié)構(gòu) ...

JaysonWang 2019-08-22 15:19 評(píng)論0 收藏0
[譯] 關(guān)于 Angular 動(dòng)態(tài)組件你需要知道的

摘要：第一種方式是使用模塊加載器，如果你使用加載器的話，路由在加載子路由模塊時(shí)也是用的作為模塊加載器。還需注意的是，想要使用還需像這樣去注冊(cè)它你當(dāng)然可以在里使用任何標(biāo)識(shí)，不過(guò)路由模塊使用標(biāo)識(shí)，所以最好也使用相同。原文鏈接：Here is what you need to know about dynamic components in?Angular showImg(https://se...

lcodecorex 2019-08-26 11:53 評(píng)論0 收藏0
AngularJs

摘要：當(dāng)左右服務(wù)都被解析并返回時(shí)，會(huì)以服務(wù)為參數(shù)去調(diào)用組件的構(gòu)造函數(shù)。發(fā)送或廣播的消息應(yīng)該限定在最小的作用域。置頂一個(gè)通過(guò)，發(fā)送的消息列表并且窒息的管理以防止命名沖突在需要格式化數(shù)據(jù)時(shí)，將格式 angular 數(shù)據(jù)雙向綁定的框架提供數(shù)據(jù)綁定，DOM指令。angular，定義了一套規(guī)則，開發(fā)中就必須遵守規(guī)則，這套規(guī)則為項(xiàng)目提供了一套解決方案。模塊，組件，模板，元數(shù)據(jù)，數(shù)據(jù)綁定, 指令，服務(wù)...

sf190404 2019-08-19 18:44 評(píng)論0 收藏0
Angular1.x + TypeScript 編碼風(fēng)格

摘要：組件還包含數(shù)據(jù)事件的輸入與輸出，生命周期鉤子和使用單向數(shù)據(jù)流以及從父組件上獲取數(shù)據(jù)的事件對(duì)象備份。說(shuō)明：參照了Angular1.x+es2015的中文翻譯，并將個(gè)人覺得不合適、不正確的地方進(jìn)行了修改，歡迎批評(píng)指正。架構(gòu)，文件結(jié)構(gòu)，組件，單向數(shù)據(jù)流以及最佳實(shí)踐來(lái)自@toddmotto團(tuán)隊(duì)的實(shí)用編碼指南 Angular 的編碼風(fēng)格以及架構(gòu)已經(jīng)使用ES2015進(jìn)行重寫,這些在Angul...

ytwman 2019-08-22 18:03 評(píng)論0 收藏0
給自己挖個(gè)坑，開始去開發(fā)javascript富應(yīng)用框架

摘要：是目前項(xiàng)目中正在用的框架。現(xiàn)在前端這塊再次到了這樣的瓶頸，所以決定自己開始開發(fā)和維護(hù)自己的一個(gè)框架。不強(qiáng)制綁定，但是會(huì)制定其他規(guī)則來(lái)避免用戶手動(dòng)請(qǐng)求。項(xiàng)目目前完成板塊事件綁定及觸法地址處理以及路由處理。為什么要框架隨著電腦運(yùn)算能力的不斷提升，越來(lái)越多的網(wǎng)站開始將一些數(shù)據(jù)處理，簡(jiǎn)單的業(yè)務(wù)邏輯交予前端。于是前端，特別是所謂的 Webapp 中,出現(xiàn)了大量的數(shù)據(jù)處理以及業(yè)務(wù)邏輯，前端的...

lidashuang 2019-08-19 14:19 評(píng)論0 收藏0