私は別のコンポーネントをインポートし、インポートされたコンポーネントテンプレートを使用する必要のあるアプリケーションを持っています。角度 - インポートされたテンプレートのタグを更新する
親テンプレート内のHTMLタグを変更することは可能ですか？例えば：
私はこのテンプレートと、成分「成分A」を有する：成分「コンポーネントB」テンプレートに
<input type="text" class="form-control">
を、Iは、上記入力されたタグに属性を追加したいです。 "component-b"テンプレートの例：
<h3>Enter your name:</h3>
<component-a></component-a>
入力タグを更新するにはどうすればよいですか？ありがとう。
はい。インスタンスは、私は、コンポーネントに存在しないコンポーネント-Bに新しい属性を追加したい場合はvalue<input>
// component-a
@Component({
selector:'component-a',
template:'<input type="text" value={{inputData}} class="form-control">'
})
export class ComponentA{
@Input()
inputData:string;
}
// component-b
<component-a [inputData]="'hello'"></component-a>
コンポーネントbの入力変数@Input() modifyInput: boolean = false;を使用できます。
今、あなたはブール値に基づく属性を追加することができます。
<input type="text" class="form-control" [attr.name]="modifyInput ? 'Modified' : 'unmodified'"/>
感謝の属性が、何を取ることができますか？ – Arphel
'component-a'に複数の' @Input（） '変数を使用すると、コンポーネント-bの値をコンポーネント-aのすべての値に渡すことができます。 '
ありがとう、私はinputDataの値を指定しないと、属性を追加しないことを理解できませんでした。 – Arphel