如何將值從視圖傳遞到Angular JS中的控制器？

Question

我已經開發了一個控制器，該控制器可以通過數據構建表，並通過$ http.get從后端獲取它們。

我想知道如何從視圖中將值傳遞給此控制器，該視圖告訴必須使用哪個URL來獲取他將用於構建表的數據。

我怎樣才能做到這一點？

我試圖這樣做，但是沒有用。

HTML：

<div ng-controller = "paginatorController" ng-init = "initilize(1)">
   .....
   .....
</div>

JS：

demo.factory("ServiceURL", [function() {
  return {
    url: [
        "/privado/usuario/getcoduser",  
        "/privado/usuario/list"         
    ] 
  };
}]);

demo.controller( "demoCtrl", ["$http", "$scope", "ServiceURL", function($http, $scope, ServiceURL) {

    this.initialize = function( type) {
        self.type = type;
        //Inside of this function self.type is correctly initialized
    }

   //But here, self.type is undefined, and gives me an error!!!
   $http.get(ServiceURL.url[self.type])
        .success(function(response){
            //More code
         }      
    }).error(function(response){
        //More code
    });

}]);

如果我想做的事情不可能，還有其他方法可以做我想做的事情嗎？

我找到了解決方案：

我創建了一個外部函數，在其中放置了所有用於構建表的控制器代碼，然后在控制器中突出顯示了對該函數的調用，傳遞了正確的參數，並且該函數可以正常工作。

HTML：

 <div ng-controller = "demoCtrl1">
   .....
   .....
 </div>

 <div ng-controller = "demoCtrl2">
   .....
   .....
 </div>

 <div ng-controller = "demoCtrl3">
   .....
   .....
 </div>

JS：

function buildTable($http, $scope, ServiceURL, indexURL){

   $http.get(ServiceURL.url[indexURL])
        .success(function(response){
            //More code
         }      
    }).error(function(response){
        //More code
    });
}

demo.controller( "demoCtrl1", ["$http", "$scope", "ServiceURL", function($http, $scope, ServiceURL) {

    buildTable($http, $scope, ServiceURL.url[1]);

}]);

demo.controller( "demoCtrl2", ["$http", "$scope", "ServiceURL", function($http, $scope, ServiceURL) {

    buildTable($http, $scope, ServiceURL.url[2]);

}]);

demo.controller( "demoCtrl3", ["$http", "$scope", "ServiceURL", function($http, $scope, ServiceURL) {

    buildTable($http, $scope, ServiceURL.url[3]);

}]);

使用此解決方案，我有可能擁有一個以上的表，而這些表僅使用相同的代碼而不是復制-粘貼我的代碼。

Answer 1

就你而言

1. 您正在函數“ initialize（）”中定義“ self.type”。 由於這是該函數的本地變量，因此無法在$ http.get方法中訪問此變量“ self”。
2. 在此過程中，您正在函數內部定義此變量，除非調用該函數，否則不會對其進行初始化。 因此，請嘗試在沒有功能幫助的情況下初始化變量（可能在控制器或服務內部）。