Tôi có một thành phầngóc 2 chèn một @Component vào DOM của một thành phần
import { Component } from '@angular/core';
@Component({
selector: 'test-component',
template: '<b>Content</b>',
})
export class TestPage {
constructor() {}
}
Và tôi có một thành phần:
import { Component } from '@angular/core';
@Component({
selector: 'main-component',
templateUrl: 'main.html',
})
export class MainPage {
constructor() {}
putInMyHtml() {
}
}
main.html:
<p>stuff</p>
<div> <!-- INSERT HERE --> </div>
Làm cách nào tôi có thể chèn động thành phần TestPage
của mình vào khu vực nơi <!--INSERT HERE-->
có lập trình, như vi Tôi chạy putInMyHtml
.
Tôi đã thử chỉnh sửa DOM và chèn <test-component></test-component>
nhưng không hiển thị văn bản nội dung từ mẫu của TestPage.
có thể trùng lặp của [Có thể không khởi tạo tự động nối (HTML) thành phần trong góc 2] (http://stackoverflow.com/questions/36566698/cant- initialize-dynamically-appended-html-component-in-angular-2) – echonax
Đó là giải pháp đúng. Bạn có nhận được thông báo lỗi trong bảng điều khiển trình duyệt hoặc trình biên dịch của bạn không? – Martin
@Martin không có lỗi, nó vẫn là trong DOM mà không cần hiển thị mẫu. –
Akshat