javascript dosyasının her bir görünüm için özel angularjs içerisine nasıl ekleneceği

Question

Karşılaştığım sorun, loadjs dosyasının ağa bağlamadan önce her zaman yüklenmemesidir. Direktifleri kullanma ile ilgili diğer yazıları okudum ama durumumda bunları nasıl kullanacağımı anlamıyorum.

sırayla her view nihayet

Yani görünüm 1 datagrid.js dosya bağımlılığı ve view2 ile datagrid olabilir

renered önce yüklenmesi gerekiyor belirli bir javascript dosyası vardır belirli bir görünümü yükleyeceğini kodu listview.js dependancy ile bir liste görünümü

Teşekkürler.

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

Yapamazsın. Açısal, javascript parçalarını şablondan yüklemez.

Yapmanız gereken şey, onları yine de ana uygulamanıza eklemektir. Ana uygulama başladığında tüm kontrolörler yüklenmelidir.

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 2

(muhtemelen "daha Açısal" olabilir, ama şu an için benim için çalışır) Böyle bir şey deneyin (Bu, npApp direktifini koymak nerede) yönergede, bu

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

HTML gibi bir şey yapabilirsiniz:

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

Answer 3

Bunu isterseniz: