अपनी सामग्री के साथ घटक को प्रतिस्थापित करें - कोणीय 2

Question

मैं एक घटक खोजने के लिए एक तरीका ढूंढ रहा हूं जो केवल इसकी सामग्री के साथ प्रस्तुत किया जाता है।

@Component({selector: 'my-cmp', template: '<div> my-cmp </div>'}) 
class MyComponent { 
} 

angular2 साथ यह प्रतिपादन डोम के लिए निम्न जोड़ना होगा: उदाहरण के लिए, घटक को देखते हुए

<my-cmp> 
    <div> my-cmp </div> 
</my-cmp> 

मैं के रूप में इसे सीधे रेंडर करने के लिए एक रास्ता खोजने के लिए चाहते हैं जबकि:

<div> my-cmp </div> 

अफसोस की बात है कि कोणीय 2 अपेक्षाकृत नया है (बस बीटा चला गया है) - Google इतना उपयोगी नहीं है कि वर्तमान दस्तावेज की कमी का उल्लेख न करें ..

Answer 1

कोणीय 1.x के documentation

निर्देश के तत्व में ही बदलें के अनुसार (- बहिष्कृत किया गया है, तो की जगह सच है)।

तो मुझे लगता है कि यह सुविधा उपलब्ध नहीं हो जाएगा यह कोणीय 2

Answer 2

मैं कुछ साल पहले AngularJS के लिए एक समान प्रश्न पूछ याद है। तब सहमति हुई, क्योंकि अब यह हो सकता है कि आप शायद ऐसा नहीं करना चाहते हैं।

यह अर्थशास्त्र को तोड़ता है: <video/> या <input/> इसकी सामग्री में विघटन नहीं करता है। आपके कोणीय घटकों को या तो नहीं होना चाहिए।

आप शायद अपने मार्कअप/सीएसएस के बारे में अधिक गहराई से सोचकर जो भी चाहते हैं उसे प्राप्त कर सकते हैं? शायद अगर आप अपना उपयोग केस निकाल देते हैं तो हम आपको वैकल्पिक विकल्प दे सकते हैं?

Answer 3

आपको निम्न रूप somethink कर सकते हैं:

@Component({selector: 'div.my-cmp', template: 'my-cmp'}) 
class MyComponent { 
} 

और अपने HTML में:

<div class="my-cmp" /> 

Answer 4

उसी के क्रमबद्ध एक विशेषता चयनकर्ता का उपयोग करके प्राप्त किया जा सकता

camelCasing अनिवार्य है alpha.52

@Component({ 
    selector: '[myCmp]', //attribute selector 
    template: 'my-cmp' 
}) 
class MyComponent { 
} 

के बाद से गुणों के लिए

और इस का उपयोग इसे कहते हैं:

<div myCmp></div>