Question

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

＆＃13;

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

＆＃13;

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

＆＃13;

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

Answer 1

您需要正确推送您的应用并正确定义您的控制器。请注意以下更改......

<html ng-app="app">

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

Plunker - 更新了演示

AngularJS Getting Started资源应包含您想知道的所有内容以便启动和运行

Answer 2

一些事情。

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

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

Answer 3

您的原始代码适用于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!";
}

AngularJS Plunk问题入门

3 个答案: