यदि आप विशिष्ट तत्वों के लिए एनिमेशन को सक्षम करना चाहते हैं (जैसा कि उन्हें विशिष्ट तत्वों के लिए अक्षम करने का विरोध किया जाता है) तो आप किसी विशेष वर्ग के नाम (या regex) को चेतन करने के लिए तत्वों को कॉन्फ़िगर करने के लिए $ aimateProvider का उपयोग कर सकते हैं।
नीचे दिया गया कोड उन तत्वों के लिए एनिमेशन सक्षम करेगा जिनके पास angular-animate
कक्षा है:
var myApp = angular.module("MyApp", ["ngAnimate"]);
myApp.config(function($animateProvider) {
$animateProvider.classNameFilter(/angular-animate/);
})
यहाँ उदाहरण मार्कअप है जिसमें angular-animate
एनिमेशन को सक्षम करने के लिए वर्ग शामिल है :
<div ng-init="items=[1,2,3,4,5,6,7,8,9]">
<input placeholder="Filter with animations." ng-model="f" />
<div class="my-repeat-animation angular-animate" ng-repeat="item in items | filter:f track by item" >
{{item}}
</div>
</div>
प्लंकर का उदाहरण इस ब्लॉग से लिया गया है और संशोधित किया गया है जहाँ केवल पहले फ़िल्टर में एनिमेशन हैं ( angular-animate
वर्ग होने के कारण )।
कृपया ध्यान दें कि मैं उपयोग कर रहा हूँ angular-animate
एक उदाहरण के रूप और इसे का उपयोग पूरी तरह से विन्यास योग्य है .classNameFilter
समारोह।