AngularJS এ jQuery প্লাগইন সংহত করার সঠিক উপায়


217

আমি ভাবছিলাম যে আমার কৌণিক অ্যাপ্লিকেশনটিতে jQuery প্লাগইনগুলি সংহত করার সঠিক উপায় কি? আমি বেশ কয়েকটি টিউটোরিয়াল এবং স্ক্রিন-ক্যাসেট পেয়েছি তবে এগুলি একটি নির্দিষ্ট প্লাগইনে ক্যাটারড মনে হয়েছে।

উদাহরণস্বরূপ: http://amitgharat.wordpress.com/2013/02/03/an-approach-to-use-jquery-plugins-with-angularjs/ http://www.youtube.com/watch?v=8ozyXwLzFYs

আমি কি এর মতো একটি নির্দেশিকা তৈরি করতে পারি -

App.directive('directiveName', function() {
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {
            $(element).'pluginActivationFunction'(scope.$eval(attrs.directiveName));
        }
    };
}); 

এবং তারপরে এইচটিএমএলে স্ক্রিপ্ট এবং নির্দেশিকা কল করবেন?

<div directiveName ></div>
<script type="text/javascript" src="pluginName.js"></script>

এগিয়ে ধন্যবাদ


4
হ্যাঁ, সর্বোত্তম পন্থাটি হ'ল প্রয়োজনীয় জিকুয়েরি প্লাগইনকে কোনও নির্দেশকের অভ্যন্তরে মোড়ানো হয়, যাতে আপনি স্কোপ ভেরিয়েবলের সুবিধা পান এবং প্রারম্ভিককরণ / পদ্ধতি আহ্বান নিয়ন্ত্রণ করতে পারেন।
ভাস্কারা কেম্পাইয়া

আমি জানি না যে কোনও পরিস্থিতিতে আমি কীভাবে
প্রভাবিত হতে পারি

1
এটি $(element).pluginActivationFunction(scope.$eval(attrs.directiveName));উদ্ধৃতি ছাড়াই হওয়া উচিত ।
ম্যাক্সিম জুবরেভ

উত্তর:


143

হ্যাঁ আপনি সঠিক. আপনি যদি কোনও jQuery প্লাগইন ব্যবহার করছেন তবে কোডটিকে নিয়ামকের মধ্যে রাখবেন না। পরিবর্তে একটি নির্দেশিকা তৈরি করুন এবং linkআপনার নির্দেশিকাটির কার্যকারিতাটির মধ্যে সাধারণত এমন কোডটি রাখুন ।

ডকুমেন্টেশনে কয়েকটি পয়েন্ট রয়েছে যা আপনি একবার দেখে নিতে পারেন। আপনি তাদের এখানে খুঁজে পেতে পারেন:
সাধারণ সমস্যাগুলি

নিয়ামকগুলি সঠিকভাবে ব্যবহার করা হচ্ছে

নিশ্চিত করুন যে আপনি যখন আপনার দৃষ্টিতে স্ক্রিপ্টটি উল্লেখ করছেন, আপনি এটি সর্বশেষে উল্লেখ করেছেন - অ্যাংুলার লাইব্রেরি, কন্ট্রোলার, পরিষেবা এবং ফিল্টারগুলি রেফারেন্স হওয়ার পরে।

সম্পাদনা: ব্যবহারের পরিবর্তে $(element), আপনি angular.element(element)jQuery এর সাথে AngularJS ব্যবহার করার সময় ব্যবহার করতে পারেন


1
JQuery প্লাগইনগুলির প্যারামিটারগুলি কীভাবে HTML সামগ্রীর অনুমতি দেয়? (উদাহরণস্বরূপ, যদি আমি ng-clickএই সরল পাঠ্য এইচটিএমএল প্যারামিটারের মাধ্যমে কোনও নির্দেশিকা যুক্ত করতে চাই )
ফ্র্যাক্টালাইস্ট

1
নিবন্ধন করুন আপনি কি একটি উদাহরণ দিতে পারেন?
কলমেকাট্টি

আপনি কী ব্যাখ্যা করতে পারেন ঠিক কীভাবে সমস্ত element (উপাদান) কাজ করে plugin মানে?
গৌরব_সনি

আমি কৌণিকুলার প্রায় সম্পূর্ণ নবাগত। আমি বেশ কয়েকটি jquery প্লাগইন ব্যবহার করার চেষ্টা করেছি এবং সেগুলির কোনওটিই কাজ করে নি। আমাদের কি সত্যিই এটি করা দরকার? তারা কি শুধু কৌণিকের সাথে কাজ করতে পারে না? এটি আমার কাছে বয়লারপ্লিট লাগছে।
মোবিয়াস

স্ক্রিপ্টটি শেষ আসার দরকার নেই কেন?
মাইক আর

0

আমার 2 টি পরিস্থিতি রয়েছে যেখানে নির্দেশনা এবং পরিষেবা / কারখানাগুলি ভাল খেলেনি।

দৃশ্যটি হ'ল আমার কাছে একটি নির্দেশ ছিল (যার সাথে একটি পরিষেবার নির্ভরতা ইনজেকশন রয়েছে), এবং নির্দেশিকা থেকে আমি পরিষেবাটি একটি এজ্যাক্স কল করতে বলি ($ http সহ)।

শেষ পর্যন্ত, উভয় ক্ষেত্রেই এনজি-রিপিট মোটেও ফাইল করেনি, এমনকি যখন আমি অ্যারেটিকে প্রাথমিক মান দিয়েছিলাম।

এমনকি আমি একটি নিয়ামক এবং একটি বিচ্ছিন্ন সুযোগ দিয়ে একটি নির্দেশিকা করার চেষ্টা করেছি

কেবলমাত্র যখন আমি সবকিছুকে একটি নিয়ামকের কাছে স্থানান্তরিত করি এবং এটি ম্যাজিকের মতো কাজ করে।

এখানে এঙ্গুলার জেএস-এ jQuery প্লাগইন (রয়্যালস্লাইডার) আরম্ভের বিষয়ে উদাহরণ

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.