AngularJS निर्देश को

Question

नहीं कहा जा रहा है, मैं कोणीय में एक डी 3 निर्देश को लागू करने की कोशिश कर रहा हूं, और यह मुश्किल है क्योंकि दृश्यमान कुछ भी नहीं हो रहा है, और कंसोल पर कोई त्रुटि नहीं डाली जा रही है।

यहाँ मेरी d3 निर्देश दिया गया है:

myApp.directive('d3-bars', ['d3Service', function($window, d3Service) { 
    return { 
    restrict: 'EA', 
    scope: {}, 
    link: function(scope, element, attrs) { 

// More code below .... 

यहाँ मेरी HTML है: मैंने सोचा कि यह एक svg जोड़कर नहीं किया गया था, क्योंकि तत्व यह है कि क्या यह की तरह लग रहा निरीक्षण सबसे पहले

<d3-bars bar-height="20" bar-padding="5"></d3-bars> 

, लेकिन अब मुझे नहीं लगता कि निर्देश भी चल रहा है। मैंने बहुत शुरुआत में console.log फंस लिया और यह भी दिखाई नहीं दिया। क्या मुझे कुछ आसान याद आ रही है?

संपादित करें:

मैं

angular.module('myApp.directives', ['d3']) 
.directive('d3-bars', ['d3Service', function($window, d3Service) { 

को शीर्ष पंक्ति को बदलने की कोशिश की लेकिन है कि या तो काम नहीं किया। मुझे यह भी नहीं पता कि दोनों शीर्षकों के बीच क्या अंतर है ...

Answer 1

आपका निर्देश नाम गलत हो सकता है। कोणीय निर्देश आमतौर पर ऊंट-आधारित होते हैं। और जब एचटीएमएल में वे अतिसंवेदनशील होते हैं। इसलिए ngClass एचटीएमएल में ng-class में बदल जाता है।

कम से कम जब मैंने - या मेरे निर्देशों के अन्य पात्रों का उपयोग करने का प्रयास किया है तो यह काम नहीं किया है।

कुछ वैधता के लिए इस Google समूह पोस्ट देखें: using dash in directive

इसके अलावा यहाँ डॉक्स हैं: Directives - matching directives

तुम भी परिवर्तन यह है कि टिप्पणी में JoshSGman द्वारा सुझाव दिया गया था सुनिश्चित करना होगा:

.directive('d3Bars',['$window', 'd3Service', function($window, d3Service) { 

Answer 2

आपके निर्देश का नामकरण समस्या है। कोणीय जावास्क्रिप्ट में नाम से मेल खाने से पहले एचटीएमएल में निर्देशों के नामों को सामान्य करता है। सामान्यीकरण प्रक्रिया दो चरणों में काम करती है:

1. स्ट्रिप एक्स- और डेटा- तत्व/विशेषताओं के सामने से।
2. कॉलन-, हाइफ़न-, या अंडरस्कोर-सीमांकित नाम को camelCase में कनवर्ट करें।

तो, जावास्क्रिप्ट में आपके निर्देश के लिए सही नाम d3Bars होगा। इसे उसमें बदलें और इसे काम करना चाहिए।

अधिक जानकारी के लिए https://docs.angularjs.org/guide/directive#matching-directives देखें।

Answer 3

जब मैं link संपत्ति को परिभाषित करना भूल गया था तो मेरे समान व्यवहार था।

कंसोल में कोई त्रुटि नहीं, नोटिन।