Trouble-shooting Tip For Angular Directives (یا, Learning To Love Hyphens All Over Again)

میں اطلاقات کے ایک جوڑے کو اس کو $http.get ہے() کالز اور میں پوشیدہ بدصورت نقص تفصیلات کے ساتھ ایک اچھی طرح سے وضع شدہ نقص پیغام دکھانے کے لئے کے قابل ہو جائے چاہتے تھے, لیکن قابل رسائی ہے ۔  بنیادی طور پر, اس:

image

اور پھر اگر صارف کی غلطی پر کلک کرتا, وہ مزید معلومات دیکھیں:

image

آسان چیزیں ہیں ۔  چونکہ عین وہی ممکنہ غلطی کو انتظامی سکرین طور میں اختتامی صارف سکرین ظاہر ہو سکتے ہیں, اسے ایک مخصوص کونیی ھدایت کے لئے واضح طور پر کہا جاتا ہے ۔  میں  یہ پایا بقایا سیریز کے مقالات (http://weblogs.asp.net/dwahlin/creating-custom-angularjs-directives-part-i-the-fundamentals) کی طرف سے عظیم دان وہلان.  ان سے مشورے کے بعد, میں بہت تیزی سے پیدا کیا ایک <سلام دنيا> دستبردار اور میری زیادہ پیچیدہ نقص دکھائیں سقویگی سے بڑھائی گئی. میں تھوڑا سا یہ زیادہ پیچیدہ ھدایت کے ساتھ تکلیف کے میں بھاگ گیا ۔  خوشی, موقع کے حساب سے ترتیب دیں, میں نے ویبسٹرم سے کہا تھا (میں ان دنوں کا استعمال ایڈیٹر) جس مسل ایک کونیی فائل کی گئی تھی اور اس سے مجھے مدد ملی اس مسئلے کو اعداد و شمار ہیں ۔  یہ کوڈ ھدایت کے لئے ہے:

angular.module("کڈلاپپ").ھدایت("گانرالکدلررورحنڈلر", تقریب() {

واپس {
محدود کریں: "یعنی",
کی جگہ لے لے: سچ,

وسعت: {
ریٹریوالاسٹکونفگوراٹاونیر: "&"
},

سانچے:
'<دو کلاس "انتباہ-خطرہ انتباہ کریں =" کردار "انتباہ کریں =" ینجی اناٹ = "دوسہوویاپاندیڈرروردیٹیلس سچ =" اینجی شو "ریٹریوالاسٹکونفگوراٹاونیر =()">' +
' ایک i/o خامی یا دیگر نقص تھا. تشکیل مسل کوائف نہیں کیا جا سکتا کیونکہ یہ عام طور پر ایسا ہوتا ہے ' +
' ملا یا ترتیب دینے کی فائل غلط معلومات پر مشتمل ہے ۔ (دستاویزی لائبریری حوالہ جیسے ' +
' جو موجود نہیں).' +
' <BR />' +
' <دو اقسام-شو "دوسہوویاپاندیڈرروردیٹیلس" =>' +
' <ایک ہریف = "#" اینجی کلک = "دوسہوویاپاندیڈرروردیٹیلس = ! دوسہوویاپاندیڈرروردیٹیلس">' +
'کی تفصیلات کو چھپانے کے لئے یہاں کلک کریں.' +
' </ایک>: ' +
' <BR />' +
' <پہلے>{{ریٹریوالاسٹکونفگوراٹاونیر() | جساون}}</پہلے>' +
' <BR />' +
' </div>' +
' <دو اقسام-شو = "!دوسہوویاپاندیڈرروردیٹیلس">' +
' <ایک ہریف = "#" اینجی کلک = "دوسہوویاپاندیڈرروردیٹیلس = ! دوسہوویاپاندیڈرروردیٹیلس">' +
'نقص تفاصیل کو توسیع دینے کے لیے یہاں کلک کریں.' +
' </ایک>' +
' </div>' +
'</div>'
};
});

بنیادی طور پر, میں ایک نیا عنصر ایک "گانرالکدلررورحنڈلر" کہا جاتا ہے بنا رہا ہوں ۔  اسے ریٹریوالاسٹکونفگوراٹاونیر کہا جاتا ہے ایک کام کرنے کے لیے رسائی کی ضرورت ہے اور اس میں وسعت آبجیکٹ نبٹائی جاتی ہے ۔  میں شاید صرف والدین کے اسکوپ استعمال کیا ہے سکتا, لیکن جو سست محسوس کرتا ہے ۔  اگر کسی کو بھی سوچتا ہوں کہ کیا کرنا چاہیے, میں اس کے بارے میں تبصرے میں سننا پسند کریں گے.

یہ سب ٹھیک تھا ۔, مگر میں کچھ بھی ہو رہا تھا ۔  Console میں کوئی نقائص پوپد (کم از کم ایک بار میں مجھے میں بہم پیدا سب sx نقائص مقرر).  میں صرف ھدایت سے کسی آؤٹ پٹ حاصل نہیں تھی ۔  میں جاکر ینجی شو کی ھدایت اور میں سے قبل کچھ جامد متن کا اضافہ * کیا * کہ حاصل کریں. یہ مجھے لگتا ہے کہ شاید ھدایت معنا نیا وآرس "دوسہوویاپاندیڈرروردیٹیلس" کی طرح بنا یا ہے ایک "ینجی-اناٹ" کرنے کی اجازت نہیں تھی کہ میں بنا دیا ہے ۔ 

میں واپس اگر میں تھا ایک قسم ہے اور اس وقت ویبسٹرم میری مدد ہے دیکھنے کے لیے HTML میں چلا گیا ۔  میں اس طرح ریٹریوالاسٹکونفگوراٹاونیر فعل میں گزر گیا تھا:

<جنرل-کدل-نقص-نبٹ کار retrieveLastConfigurationError="CDLController.retrieveLastConfigurationError()">
</جنرل-کدل-نقص-نبٹ کار>

لیکن یہ واقعی یہ ہونے کی ضرورت ہے:

<جنرل-کدل-نقص-برتنے والے بازیافت-آخری-ترتیب-کا نقص = "CDLController.retrieveLastConfigurationError()">
</جنرل-کدل-نقص-نبٹ کار>

ویبسٹرم تھی کہ وہ ہیفانیٹد ہو جاننا کافی سمجھدار تھا ۔  اگر یہ کہ اشارہ فراہم نہیں پہنچی تھی, میں شاید اب بھی اس دشواری کو حل کرنا ہو گا مسکراہٹ.  تفریح کے اوقات!

یہ چال ہے: نہ صرف نام سے دستبردار عنصر ہیفانیٹد ہے, پس آپ کا اضافہ کریں کسی وصف پر مشتمل ہیں ۔  ایک بار میں ہائفن اضافہ, یہ سب بہت اچھا کام کیا ہے ۔  دان کے سبق مختصر واحد نام استعمال کرنے کے لیے ہوا تھا, لہذا کنکشن نہیں ہوسکے.

یہ کسی کی مدد کرتا ہے امید ہے کہ.

</آخر>

undefinedاپنے بلاگ کو سبسکرائب کریں.

ٹویٹر پر مجھ پر عمل کریں http://www.twitter.com/pagalvin

رکن کی نمائندہ تصویر

آپ کا ای میل ایڈریس شائع نہیں کیا جائے گا. ضرورت ہے شعبوں نشان لگا دیا گیا رہے ہیں *