我的任務是為使用 AngularJS 構建的舊系統添加一些新功能。我是一名后端開發人員，所以我不太了解 js 框架，但我主要了解了 Angular JS 的作業原理，但是我在組件中使用了一些 html 模板。該檔案顯示了我所面臨的相同示例。
在一個名為index.js我的檔案中
angular.module('heroApp', []).controller('MainCtrl', function MainCtrl() {
this.hero = {
name: 'Spawn'
};
});
我有另一個名為heroDetail.js包含的檔案
angular.module('heroApp').component('heroDetail', {
templateUrl: 'heroDetail.html',
bindings: {
hero: '='
}
});
一個名為的 html 檔案 index.html
<div ng-controller="MainCtrl as ctrl">
<b>Hero</b><br>
<hero-detail hero="ctrl.hero"></hero-detail>
</div>
最后是一個名為 heroDetail.html
<span>Name: {{$ctrl.hero.name}}</span>
我的問題是，<hero-detail></hero-detail>標簽是如何生成的？在檔案和整個專案中似乎都沒有定義它。
uj5u.com熱心網友回復：
這里：
.component('heroDetail'
較低的駱駝盒用于標簽的烤肉盒。
例如.component('myHeroDetail'會導致<my-hero-detail>
在 angular 2 中改進的 angularjs 的許多奇怪的怪癖之一。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/312570.html
標籤：angularjs
上一篇：如果未選中復選框之一，則禁用按鈕