流星角教程：託多斯列表的<todos-list></todos-list>標籤

我想在https://www.meteor.com/tutorials/angular/templates 要經過流星的教程有，我不能在他們的客戶端/ main.js弄清楚部分：流星角教程：託多斯列表的<todos-list></todos-list>標籤

<body> 
<div class="container" ng-app="simple-todos"> 
    <todos-list></todos-list> 
</div> 
</body>

他們只需在中間放置一個<todos-list>標籤並加載該模板即可。我無法弄清楚如何將todos-list轉換爲實際模板，是否有一些名稱轉換約定將「todos-list」轉換爲「todosList」並以此方式引用？

在此先感謝

來源

2016-04-23 Ray Luo

這是由於由AngularJS執行的規範化。

正常化

角歸一化的元件的標記和屬性名稱，以確定哪些元素匹配哪個指令。我們通常通過其區分大小寫的camelCase規範化名稱（例如，ngModel）來引用指令。但是，由於HTML不區分大小寫，所以我們通過小寫形式引用DOM中的指令，通常在DOM元素上使用以短劃線定界的屬性（例如ng-model）。

歸一化處理是如下：

地帶x和從元件/屬性的前DATA-。

將：， - 或_分隔名稱轉換爲camelCase。

鏈接到AngularJS文檔here

來源

2016-04-24 01:23:20 JeremyK

謝謝JeremyK，文檔幫助解釋了我所有的疑惑。在去角度之前學習角度 - 流星路線聽起來像是一條正確的路。 –

@RayLuo它絕對是。 Angular是一個全面的框架，所以請查看文檔並閱讀它。如果您發現任何有用的答案，請立即給他們提供幫助，並接受正確的答案以獎勵花時間回答您的問題的人。 – Yatrix

@Yatrix絕對不幸的是，我是一個StackOverflow的新手，我沒有足夠的信譽來upvote，但我正在努力。非常感謝幫助 –

todosList是一個組件。由於html不支持大小寫，因此您在標籤中寫入todos-list。組件可以附帶一個與之關聯的模板（html標記）。所以，當你在你的html中放入<todos-list></todos-list>時，angular會在那裏插入html。查看組件和指令的角度文檔。網上有很多例子。

來源

2016-04-24 01:32:27 Yatrix

感謝您在這裏指出不同的術語，我甚至不知道要搜索幫助文檔的組件。 –

流星角教程：託多斯列表的<todos-list></todos-list>標籤

回答

相關問題