2016-08-31 15 views
1

Angular Jsの新機能です。 MVCコントローラからデータを取得し、MVCビューで角度jを使用して表示したいとします。 マイAngularJsコントローラは、次のとおりです。ビューで角度コントローラが呼び出されていません

angular.module('VC', []).controller('MenuController', ['$scope', '$http', function ($scope, $http) { 
    console.log("ANGULAR JS"); 
    $scope.getManufacturerList = function() { 

     $http.get('/Home/GetManufacturerList').success(function (response) { 
      console.log('success - manufacturer') 
      console.log(response); 
     }) 
     .error(function (data) { 
      console.log(data); 
     }); 
    } 

}]); 

、私はMVCビューで

<nav class="navbar navbar-default navbar_btm" ng-controller="MenuController" ng-init="getManufacturerList()"> 

ような角度JSコントローラを呼び出しています、アクションは

public ActionResult GetManufacturerList() 
{ 
    var manufacturer = _vcService.GetManufacturer(); 
    return Json(manufacturer, JsonRequestBehavior.AllowGet); 
} 

角度JSコントローラがさえないです開始する。 誰でも私がこのコードで間違っていたことを教えてくれますか?

+2

は、以下の例を参照してください? – Aerus

+0

...またはコンソールエラー? –

答えて

3

あなたはng-appを追加しませんでした。

<nav ng-app="vc" class="navbar navbar-default navbar_btm" ng-controller="MenuController" ng-init="getManufacturerList()"> 
+0

ありがとうございました。うん、私はそれを逃した。今それは正常に動作しています。 – Lalitha

0

ここでは、ng-appディレクティブを使用する必要があります。あなたのビューで `NG-app`を持っていますか

<html> 
    <head> 
     <title>Hello Angular</title> 
     <link rel="stylesheet" type="text/css" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> 
    </head> 
    <body> 
     <div ng-app="HelloApp" ng-controller="HelloCtrl"> 
     <h1>Hello, {{name}}</h1> 
     <form> 
      <input type="text" ng-model="name" name="name"> 
     </form> 
     </div> 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js">   </script> 
     <script type="text/javascript"> 
      angular.module('HelloApp', []) 
       .controller('HelloCtrl', ['$scope', function($scope){ 
        $scope.name = "Calvin"; 
       }]) 
     </script> 
    </body> 
</html> 
関連する問題