2016-04-09 18 views
0

次のAngularJSコードがあり、動作しません。私はコントローラと同様にモジュールを作成しましたが、何が欠けていますか?AngularJS関数が実行されていないのはなぜですか?

<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head runat="server"> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
    <script type="text/javascript"> 
     var myapp = angular.module("Mymodule", []); 

     myapp.controller("mycontroller", function($scope) { 
      $scope.message = "Hello from angular controller"; 
     }); 
    </script> 
    </head> 

    <body ng-app="myapp"> 
    <form id="form1" runat="server"> 
     <div ng-controller="mycontroller"> 
      {{message}} 
     </div> 
    </form> 
    </body> 
</html> 
+4

これを試してください: '' – lux

+1

私の仕事に感謝します... –

答えて

2

モジュール解読の場合と同じ名前のng-appが必要です。だから、このいずれか:

var myapp = angular.module("myapp", ...) 

またはこの:

<body ng-app="Mymodule" > 

それが命名規則に準拠しているので、私は、かつてのを好むだろうが。モジュール名は、小文字で始まる必要があります。 style guide.

0
<body ng-app="Mymodule"> 
1

をチェックし、それが動作する適切なモデル名を使用してください。

<body ng-app="Mymodule" > 
関連する問題