私のAngular 7アプリでは、文字列変数に一方向のデータバインディングを使用する単純なホームコンポーネントを使用しています(つまり、 [text] = "'Some text'" <を指定して@Inputを使用して子コンポーネントに変数を渡します。/code> syntax)
リンクなどのHTMLタグを変数に含めて、それを子コンポーネントにレンダリングしたいのですが、アンカータグが原因で以下のコードが失敗します。これを修正するには?
home.component.ts:
{ Component } from '@angular/core';
@Component({
selector: 'app-home',
templateUrl: '
link'">
',
styleUrls: ['./home.component.css']
})
export class HomeComponent {}
card.component.ts:
import { Component, Input } from '@angular/core';
@Component({
selector: 'app-card',
templateUrl: '
{{text}}
',
styleUrls: ['./card.component.css']
})
export class CardComponent {
@Input() text: string;
}
編集:すみません私はすでに答えを見つけました(下記の私自身の答えを見てください)、私は2日でそれを受け入れます