5
मैं आयनिक 3. * का उपयोग कर रहा हूं, एक घटक बनाने के लिए ट्राइंग जिसमें केवल एक बटन है।घटक के अंदर "आयन-बटन + आइकन-केवल" काम नहीं कर रहा है
घटक कोड है:
@Component({
selector: 'profile-button',
templateUrl: 'profile-button.html',
})
export class ProfileButtonComponent {
constructor(
private popoverCtrl: PopoverController
) {}
/**
* Present the Profile popover
* @param ev
* @returns {Promise<any>}
*/
async presentPopover(ev) {
let popover = this.popoverCtrl.create(ProfilePopover);
return popover.present({
ev
});
}
}
और मेरे टेम्पलेट है:
<button ion-button icon-only (click)="presentPopover($event)" title="Profile">
<ion-icon name="person"></ion-icon>
</button>
समस्या:
समस्या यह है कि icon-only निर्देश सिर्फ नजरअंदाज कर दिया जाता है। बटन में अभी भी पृष्ठभूमि रंग है। यदि मैं घटक के बाहर टेम्पलेट डालता हूं, तो यह सही शैली दिखाता है।
ऐसा लगता है कि निर्देश एक घटक के अंदर उपलब्ध नहीं है। मेरा घटक कस्टम मॉड्यूल के अंदर है, ऐप मॉड्यूल पर नहीं।
मैं इसे कैसे हल कर सकता हूं? पाया गया कि Ionic2 पर मुझे मैन्युअल रूप से निर्देश आयात करने की आवश्यकता है, लेकिन यह Ionic3 पर काम नहीं करता है।
लेकिन यह आयन-सामग्री नहीं है। यह हेडर पर प्रयोग किया जाता है, इसे आयन-सामग्री के अंदर लपेटें शैली को तोड़ देगा। –