0

我是 Angular JS 的新手。我正在尝试从基本的 Hello World 程序开始。这是我的 plunk http://plnkr.co/edit/uW1fHB7a17gpvn341sn3?p=preview。

var MainController = function($scope){
  $scope.message = "Hello, Angular!";
}
<html ng-app>

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

<body>
  <div ng-controller="MainController">
    <h1>{{message}}</h1>
  </div>
</body>

</html>

我创建了一个简单的控制器，其中有一个模型绑定。它不适合我。我无法了解问题所在。任何人都可以帮助我开始。

4

3 回答 3

1

您需要正确地提升您的应用程序并正确定义您的控制器。观察以下变化...

<html ng-app="app">

angular.module('app', []).controller('MainController', MainController)

Plunker - 更新的演示

AngularJS入门资源应该包含所有你想知道的启动和运行

于 2015-10-04T19:29:44.673 回答
0

您的原始代码适用于 Angular 1.0，但不适用于 1.4

看到这个 plunkr 在 1.0 中工作正常，代码与你的相同...... http://plnkr.co/edit/zbWvwxVDvhhVKgc5lGrr?p=preview

<!doctype html>
<html ng-app>
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script>
    <script src="script.js"></script>
  </head>
  <body>
    <div ng-controller="MainController">
      {{message}}
    </div>
  </body>
</html>

和

var MainController = function($scope) {
  $scope.message = "Hello, Angular!";
}
于 2015-10-04T20:35:34.577 回答
0

几件事。

您需要创建一个角度模块：

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

第二个参数是一个依赖模块数组。你这里不需要。

然后更改ng-app为ng-app="myApp"引用您命名模块的任何内容。

然后你需要以角度方式创建一个控制器。

app.controller('MainController',MainController);

这是完整的脚本。Plunkr

function MainController($scope) {
  $scope.message = 'Hello World';
}

var app = angular.module('myApp',[]);
app.controller('MainController',MainController);
于 2015-10-04T19:30:50.353 回答