剛剛學習 Angular 并想這樣做：
<div >
<app-kid name="kid one"></app-kid>
<app-kid name="kid two"></app-kid>
</div>
它應該水平顯示，但由于 DOM 包含 <div><app-kid>...，它一個接一個地垂直顯示。
app-kid.component.html
<div >
content
</div>
app-kid.component.ts
import { Component, OnInit, Input } from '@angular/core';
@Component({
selector: 'app-kid',
templateUrl: './kid.component.html',
styleUrls: ['./kid.component.css']
})
export class KidComponent implements OnInit {
@Input() name = "";
constructor() { }
ngOnInit(): void {
}
}
如何避免 app-kid 被插入到 DOM 樹中。
我嘗試將孩子組件代碼粘貼到我的父組件中并且它有效，但我想分開。
uj5u.com熱心網友回復：
不要把col類放在你的第一個 div 中，而是把它放在你的 .ts 檔案中，如下所示：
@Component({
selector: 'app-kid',
templateUrl: './kid.component.html',
styleUrls: ['./kid.component.css'],
host: {'class': 'someClass1'}
})
這樣，屬性類將被應用到<app-kid>- 它是app-kid 組件的宿主
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/455184.html
標籤：有角度的
上一篇：按陣列屬性的屬性過濾物件陣列