为什么我的AngularJS功能没有运行?

时间:2016-04-09 04:09:22

标签: angularjs

我有以下AngularJS代码,但它无效。我创建了模块以及Controller,我错过了什么?

<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>

3 个答案:

答案 0 :(得分:2)

您需要在ng-app中使用与模块声明相同的名称。所以要么:

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

或者这个:

<body ng-app="Mymodule" >

虽然我更喜欢前者,因为它符合命名约定。您的模块名称应以小写字母开头。查看style guide.

答案 1 :(得分:1)

请使用适用的型号名称。

onMapReady()

答案 2 :(得分:0)

dsum(b) - dsum(a)