के साथ आंतरिक HTML को गतिशील रूप से जोड़ने के लिए मैं घटक पुस्तकालय के लिए दस्तावेज़ बना रहा हूं। मुझे 1 स्ट्रिंग एचटीएमएल चाहिए जो पेज पर घटक और इसके लिए दस्तावेज़ दोनों उत्पन्न करता है।कोणीय 2 घटक
मुझे क्या करना चाहते हैं:
मैं क्या है:
जब मैं एचटीएमएल का निरीक्षण किया, मेरे बटन टैग नहीं मौजूद हैं। जब मैं आंतरिक HTML का उपयोग करता हूं तो उन्हें बाहर निकाला जा रहा है।
मेरे घटक कोड:
private flatButtons = `<div class="button-wrapper">
<my-button [type]="'default'" [raised]="false">Default</my-button>
</div>
<div class="button-wrapper">
<my-button [type]="'primary'" [raised]="false">Primary</my-button>
</div>
<div class="button-wrapper">
<my-button [type]="'success'" [raised]="false">Success</my-button>
</div>
<div class="button-wrapper">
<my-button [type]="'info'" [raised]="false">Info</my-button>
</div>
<div class="button-wrapper">
<my-button [type]="'warning'" [raised]="false">Warning</my-button>
</div>
<div class="button-wrapper">
<my-button [type]="'danger'" [raised]="false">Danger</my-button>
</div>`
constructor() {}
getCode() {
return html_beautify(this.flatButtons, this.options)
}
मेरे HTML टेम्पलेट:
<div class="row">
<div class="col-sm-6 col-xs-12">
<mi-card title="Flat Buttons" baCardClass="with-scroll button-panel">
<div id="flatButtons" [innerHTML]="getCode()">
</div>
</mi-card>
</div>
<div class="col-sm-6 col-xs-12">
<pre>{{getCode()}}</pre>
</div>
आपको क्या होने की उम्मीद करते हैं
मैं एक गूंगा घटक बनाया? –
मुझे "मैं क्या चाहता हूं:" – collinglass
ठीक है, तो आप उम्मीद करते हैं कि जोड़ा गया HTML वास्तविक कोणीय घटकों बनने की अपेक्षा करता है। यह इस तरह से काम नहीं करता है। मेरा जवाब देखें –