2013-03-22 9 views
7

पर बाध्यकारी मैं इस तरह इसके अंदर एक आइकन के साथ एक लंगर टैग है। की तरह कुछ:नॉकआउट एंकर टैग

<a data-bind="text: myValue"> 
    <i class="icon-flip-2"></i> 
    hello 
</a> 

समस्या यह है कि मैं तत्व खो दिया है < मैं वर्ग = "आइकन-फ्लिप 2">

मैं इसे रखने के लिए और एंकर टैग पर कुछ बाध्य करने के लिए सक्षम होना चाहते हैं।

धन्यवाद।

कोई विचार?

उत्तर

11

एक आभासी तत्व

<a> 
    <i class="icon-flip-2"></i> 
    <!-- ko text: myValue --><!-- /ko --> 
</a> 

या एक <span>

<a> 
    <i class="icon-flip-2"></i> 
    <span data-bind="text: myValue, if: myValue().length > 0"></span> 
</a> 
+0

आभासी तत्व उसे जो चाहिए उसे फिट करता है। यह उन्हें एक नई अवधि के बिना पाठ को बांधने का एक तरीका देता है। – sngregory

+0

@sngregory एक 'if:' बाध्यकारी के साथ अवधि का उपयोग मैं करता हूं, लेकिन यह सिर्फ व्यक्तिगत वरीयता है। – Tomalak

+0

मैं आपसे सहमत हूं, लेकिन ऐसा लगता है कि वह क्या हासिल करने की कोशिश कर रहा है क्योंकि इसे सीएसएस परिवर्तन की आवश्यकता होगी। – sngregory

0

अपने पाठ को एक टैग के अंदर एक अवधि के अंदर रखें और इसके बजाय अवधि की टेक्स्ट प्रॉपर्टी को बाध्य करें।

0

मैं अंतराल में अपने पाठ डाल करने के लिए परीक्षा होगी: मैं से बचने के पसंद करते हैं:

<a> 
    <i class="icon-flip-2"></i> 
    <span data-bind="text: myValue"></span> 
</a> 
+0

@Golo का प्रयोग करें एक अतिरिक्त अवधि का उपयोग करना क्योंकि मुझे अपना सीएसएस समायोजित करना होगा। – Bronzato

+0

ईमानदार होने के लिए, यदि आपके पास एक HTML तत्व एक दूसरे के अंदर है, तो मैं सब कुछ एक तत्व के अंदर रखना पसंद करता हूं। –

संबंधित मुद्दे