控制器中的功能沒有被擊中

第一次問aq，所以如果我做錯了什麼，請讓我知道，所以我可以修復它，因爲我已經嘗試在這裏找到答案，但不能，所以任何和所有幫助將不勝感激。控制器中的功能沒有被擊中

我試圖加載一個「國家」使用控制器的列表，似乎一切順利，沒有錯誤，沒有警告，它加載模塊和命中角度控制器，但它從來沒有命中功能/進入控制器功能內的代碼。我錯過了什麼嗎？難道我做錯了什麼？

<div ng-app="RegisterApp" class="form-group" ng-controller="CountriesController as CountriesCtrl"> 
    <label class="input-desc">Country</label> 
    <select ng-model="country" 
     ng-options="country.Id as country.Name for country in countries"> 
     <option value="{{CountriesCtrl.country.Id}}">{{CountriesCtrl.country.Name}}</option> 
    </select> 
</div><!-- End .from-group -->

RegisterApp.js

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

CountriesService.js

/// <reference path="../App.js" /> 

angular.module("RegisterApp").service("CountriesService", function ($http) { 
    this.getCountries = function() { 
     return $http({ 
      method: "Get", 
      url: "/Account/GetCountries" 
     }); 
    }; 
});

CountriesController.js

/// <reference path="../Services/CountriesService.js" /> 

angular.module("RegisterApp").controller("CountriesController", function ($scope, CountriesService) { 
    getCountries(); 

    function getCountries() { 
     CountriesService.getCountries() 
      .success(function (data, status, headers, config) { 
      $scope.countries = data; 
      $scope.country = $scope.countries[0]; 
     }) 
      .error(function (data, status, headers, config) { 
      $scope.message = 'Unexpected Error'; 
     }); 
    } 
});

編輯：移動NG-應用，被錯誤地複製這樣的，是我做只是張貼將q之前嘗試一些變化，遺憾的是

來源

2015-11-25 pwjvr

嘗試使用'app.service'和'app.controller'而不是'angular.module（「RegisterApp」）。service ...'。如果您缺少'ng-app'指令，請查看Sharikovs的回答 – Arg0n

感謝回覆@ Arg0n，將它改回來使用，因爲它是我最初的樣子，並且更改了ng-app指令，仍然沒有去，它擊中控制器，成功註冊它，但只是跳過內部代碼，沒有錯誤甚至警告。任何其他想法也許......？將不勝感激！ – pwjvr

我添加了一個新的答案和一個可用的JSFiddle。 – Arg0n

ng-app必須ng-controller之前註冊（或相同的元素）。你已經註冊它的子元素（select）的元素與ng-controller

你的HTML改爲：

<div ng-app="RegisterApp" class="form-group" ng-controller="CountriesController as CountriesCtrl"> 
    <label class="input-desc">Country</label> 
    <select ng-model="country" 
     ng-options="country.Id as country.Name for country in countries"> 
     <option value="{{CountriesCtrl.country.Id}}">{{CountriesCtrl.country.Name}}</option> 
    </select> 
</div>

看一看this的jsfiddle。

來源

2015-11-26 15:33:45 Arg0n

非常感謝您的幫助，尤其是小提琴幫助我找到了問題的根源。它現在工作正常，似乎我註冊了兩個模塊也導致了一個問題，一旦我刪除並實施了您的解決方案，所有工作都應該如此。謝謝你，謝謝你，謝謝你！ – pwjvr

沒問題:)，請注意！ – Arg0n

對不起，試圖upvote，但顯然沒有足夠的聲望呢:(將盡快回來，一旦我賺了夠多！ – pwjvr

您的代碼必須是：

<div ng-app="RegisterApp"> 
    <!-- some beautiful html --> 
    <div class="form-group" ng-controller="CountriesController as CountriesCtrl"> 
     <label class="input-desc">Country</label> 
     <select ng-model="country" ng-options="country.Id as country.Name for country in countries"> 
      <option value="{{CountriesCtrl.country.Id}}">{{CountriesCtrl.country.Name}}</option> 
     </select> 
    </div> 
    <!-- some beautiful html --> 
</div>

注意ngApp指令的用法。

此外，檢查所有的依存關係被正確注射（我的意思是<head>塊）

來源

2015-11-25 20:03:26

感謝您的回覆，ng-app使用在div中，我將它移動到select以查看它是否會改變任何內容，但沒有，現在再次移動它，仍然沒有。關於依賴關係，我已經將它從使用與應用程序相同的js文件中的控制器更改爲與服務分離，以查看它是否會更改任何內容。問題是沒有錯誤被拋出，它擊中了控制器，似乎成功註冊了控制器，但只是跳過它內部的代碼。其他任何你能想到的都可能導致這個問題？ – pwjvr

控制器中的功能沒有被擊中

回答

相關問題