我有一个带有控制器的非常基本的页面,我认为应该从代码中很明显地看出来,但是它不起作用。

这是我的HTML

<!DOCTYPE html>
<html ng-app>

  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body>
    <h1>{{ 800 / 40 }} </h1>
    <h1 ng-controller="MainController">{{message}}</h1>
  </body>
</html>


在script.js中使用以下内容

var MainController = function($scope) {
     $scope.message = "Hello";
});


800/40显示20,这表明Angular脚本和ng-app很好,但未设置message的值。在示例中,ng-controller在h1标记中,但我也在环绕h1的div中进行了尝试。

有什么建议?

谢谢

最佳答案

您需要创建一个角度模块



var myapp = angular.module('myApp', []);

myapp.controller('MainController', function($scope){
  $scope.message= "Hello";

})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<link rel="stylesheet" href="style.css" />
<div ng-app="myApp">
    <h1 ng-controller="MainController">{{message}}</h1>
</div>

10-05 20:51
查看更多