अंगुलरजेएस एनजी-बाइंड और एनजी-href का एक साथ उपयोग करना?

Question

AngularJS का उपयोग करके, मैंने एक पैटर्न देखा है जो मुझे गलत लगता है।

जब कोई टेबल बनाते हैं, तो मेरा डेटा एनजी-बाइंड का उपयोग करके बाध्य होता है। लेकिन अगर मुझे किसी चीज़ से लिंक करने के लिए सेल में टेक्स्ट की आवश्यकता है, तो लिंक को मैन्युअल रूप से बनाया जाना है।

एक गैर-लिंक्ड तालिका सेल की तरह दिखता है:

<td ng-bind="customer.name"></td> 

लेकिन अगर मैं एक लिंक बनाना चाहते हैं, मुझे क्या करना:

<td><a ng-href="/customer/{{customer.id}}">{{customer.name}}</a></td> 

वहाँ विशेषताओं का उपयोग लिंक बनाने के लिए कोई तरीका है? कुछ ऐसा:

<td ng-bind="customer.name" ng-href="/customer/{customer.id}"></td> 

Answer 1

यह वास्तव में एक कोणीय जेएस मुद्दा नहीं है; एचटीएमएल कैसे काम करता है इसके बारे में यह और अधिक है। एचटीएमएल आपको लिंक बनाने के लिए किसी भी तत्व में href विशेषता जोड़ने की अनुमति नहीं देता है। एक लिंक बनाने के लिए आपको एंकर टैग का उपयोग करने की आवश्यकता है।

यदि आप चाहते हैं, तो आप write a directive कर सकते हैं जो कोशिकाओं के अंदर एंकर टैग उत्पन्न करता है। लेकिन यह शायद ही इसके लायक लगता है, और अधिकतर शायद इस बात से सहमत होंगे कि यह कम अर्थपूर्ण, अधिक भ्रमित मार्कअप पैदा करता है।

HTML लिंक विशिष्ट जानकारी: http://www.w3.org/TR/html4/struct/links.html

Answer 2

आप इस्तेमाल कर सकते हैं ng-bind, हाँ, लेकिन <a> अंदर, @btford की तरह कहा।

<td><a ng-href="/customer/{{customer.id}}" ng-bind="customer.name"></a></td>