प्रत्येक दृश्य को विशिष्ट जावास्क्रिप्ट फ़ाइल को कैसे शामिल करें angularjs

Question

मेरी समस्या यह है कि लोडज फ़ाइल हमेशा ग्रिड से बांधने से पहले लोड नहीं होती है। मैंने निर्देशों का उपयोग करने के संबंध में अन्य पोस्ट पढ़ी हैं लेकिन मुझे नहीं पता कि मेरे मामले में उनका उपयोग कैसे किया जाए।

कोड एक विशेष दृश्य बदले में प्रत्येक दृश्य एक विशिष्ट जावास्क्रिप्ट फ़ाइल से पहले दृश्य अंत में

renered है

तो दृश्य 1 datagrid.js फ़ाइल dependancy और view2 साथ एक datagrid हो सकता है लोड करने की आवश्यकता है कि लोड करना चाहिए listview.js निर्भरता

धन्यवाद के साथ एक सूचीदृश्य है।

Function MyCtrl1($scope) { 
$scope.$on('$viewContentLoaded', function() { 

    //Load file if not already loaded 
    isloadjscssfile("js/model/gridmodel.js", "js") 


    $("#grid").kendoGrid({ 
        dataSource: getdatasource(), 
        pageable: true, 
        height: 400, 
        toolbar: ["create"], 
        columns: [ 
         "ProductName", 
         { field: "UnitPrice", title: "Unit Price", format: "{0:c}", width: "150px" }, 
         { field: "UnitsInStock", title:"Units In Stock", width: "150px" }, 
         { field: "Discontinued", width: "100px" }, 
         { command: ["edit", "destroy"], title: " ", width: "210px" }], 
        editable: "inline" 
       }); 
}); 

}

Answer 1

आप नहीं कर सकते। कोणीय टेम्पलेट से जावास्क्रिप्ट भागों को लोड नहीं करता है।

आपको क्या करना चाहिए, उन्हें अपने मुख्य एप्लिकेशन में वैसे भी शामिल करना है। मुख्य ऐप शुरू होने पर सभी नियंत्रकों को लोड किया जाना चाहिए। (यह है जहाँ आप अपने npApp निर्देश डाल है)

Answer 2

कुछ इस तरह का प्रयास करें (यह शायद "अधिक कोणीय" हो सकता है, लेकिन इस समय के लिए यह मेरे लिए काम करता है):

angular.module('MyApp').controller('MyCtrl1', ['$scope', function ($scope) { 

    window.initialize = function() { 
     // code to execute after your JS file referenced in the loadScript function loads 
    } 

    var loadScript = function() { 
     var script = document.createElement('script'); 
     script.type = 'text/javascript'; 
     script.src = 'http://www.myserver.com/file.js?callback=initialize'; 
     document.body.appendChild(script); 
    } 

    $scope.$on('$viewContentLoaded', function() { 
     loadScript(); 
    }); 

}]); 

Answer 3

आप इस चाहते हैं निर्देश में, तो आप इस

.directive('require', function(){ 
    return{ 
     restrict: 'E', 
     scope: { 
     scriptSrc: '@' 
     }, 
     template:'<script type="text/javascript" src="{{ scriptSrc }}"></script>', 
     link: function(scope, elm, attr){ 
     .... 
     } 
     replace: true 
    } 
}); 

HTML की तरह कुछ कर सकते हैं:

<require script-src="/foo.js"> 
<require script-src="/bar.js">