TypeError：mvcRoutes.called不是函數，雖然我將它聲明爲函數

我一直在尋找像我這樣的問題的真棒答案，但仍找不到工作的替代方案，或者爲什麼我的代碼失敗。我確實發現有人發佈了一個與我的問題非常相似的問題，但是給他的答案對我來說也不適合我......並且我在js和角度上都太新了，以至於能夠自己發現差異。我希望你能幫我一把嗎？TypeError：mvcRoutes.called不是函數，雖然我將它聲明爲函數

這是我Directives.js


    var directives = angular.module("directives", []); 

    directives.constant("mvcRoutes", { 
     items: {}, 
     called: function (name) { 
      var value = this.items[name]; 
      if (!value) throw "Could not find route for " + name + " make sure its realy added/defined through script tag!"; 
      return value; 
     } 
    });

在那之後，我有我的服務：

 
    directives.service("countryService", ["$http", "mvcRoutes", "$q", function ($http, mvcRoutes, $q) { 
     return { 
      search: function (text) { 
       return $http.post(mvcRoutes.called("country.search"), { text: text}); 
      } 
     }; 
    }]);

and lastly, my directive:

 
    directives.directive("countrySelector", ["countryService", "$rootScope", function (countryService, $rootScope) { 

var myCtrl; 

    return { 
     restrict: "E", 
     template: '<input type="text" id="{{::elementId}}" name="{{::elementId}}" class="form-control" autocomplete="off" ng-required="" ng-model="country" typeahead-select-on-blur="true" ng-maxlength="50" typeahead-select-on-exact="true" ng-model-options="{ debounce: 800, allowInvalid: true }" uib-typeahead="item.id as item.name for item in getCountries($viewValue)" typeahead-loading="loadingLocations" typeahead-no-results="noResults" typeahead-template-url="country-template.html" typeahead-show-hint="true" typeahead-min-length="1" typeahead-on-select="itemSelected($item, $model, $label, $event)">', 
     scope: { elementId: "@elementId", country: "=ngModel", required: "=?ngRequired" }, 
     link: function (scope, element, attr, ctrl) { 
      myCtrl = ctrl; 
     }, 
     controller: ["$scope", function ($scope) { 
      $scope.getCountries = function (text) { 
       return countryService.search(text).then(function (response) { return response.data }); 
      } 

      if (!$scope.elementId) $scope.elementId = "country"; 

      $scope.itemSelected = function ($item, $model, $label) { 
       $scope.country = $label; 
       $rootScope.$broadcast("countrySelector.selected", { id: $scope.elementId, label: $label }); 
      } 
     }] 
    } 
}]);

我也我的控制器定義很簡單，就像這樣：

 
     [RoutePrefix("{site}/country")] 
     public class CountryController : Controller 
     { 
      // GET: Country 
      [Route("search")] 
      public ActionResult Search(string text) 
      { 
       using (var connection = CreateSqlConnection.ToRepairRequestDb()) 
       { 
        connection.Open(); 

   return new CountryQuery(text).Execute(connection).AsJsonResult(); 
      } 
     } 
    } 

    public class CountryQuery : SqlQuery<CountryModel> 
    { 
     public CountryQuery(string text, int maxRows = 6) 
     { 
      Parameters = new { text = text.AsSqlWildcard(false), maxRows }; 
      SqlText = @"      
       SELECT TOP (@maxRows) CountryID AS ID, CountryName as Name FROM Countries 
       WHERE 
        (@text IS NULL OR CountryID LIKE @text OR CountryName LIKE @text) 
       ORDER BY CountryName asc"; 
     } 
    }

但是當我運行它時，我得到了t他的堆棧：

TypeError: mvcRoutes.called is not a function 
    at Object.search (Directives.js:95) 
    at Scope.$scope.getCountries (Directives.js:113) 
    at Object.fn [as source] (eval at compile (angular.js:13322), <anonymous>:4:317) 
    at getMatchesAsync (ui-bootstrap-tpls.js:7224) 
    at Array.<anonymous> (ui-bootstrap-tpls.js:7451) 
    at NgModelController.$$parseAndValidate (angular.js:25256) 
    at NgModelController.$commitViewValue (angular.js:25246) 
    at angular.js:25383 
    at angular.js:17855 
    at completeOutstandingRequest (angular.js:5507)

任何想法我做錯了什麼，以及如何解決它？

在此先感謝！

來源

2017-01-30 Olga Akselrad

我犯了一個嚴重的錯誤......我的解決方案有兩個directives.js文件;我寫了錯誤的聲明，屬於不同的項目。只要我將它移動到正確的位置，代碼就可以毫無問題地工作。

來源

2017-05-10 11:14:35

TypeError：mvcRoutes.called不是函數，雖然我將它聲明爲函數

回答

相關問題