AngularJS简单示例在Plunker中不起作用

Question

我不明白为什么这个简单的例子在Plunker中不起作用。

http://plnkr.co/edit/EfNxzzQhAb8xAcFZGKm3?p=preview

var app = angular.module("App",[]);

var Controller = function($scope){

  $scope.message ="Hello";
};


app.contoller("Controller",['$scope',Controller]);


var app = angular.module("App",[]);

var Controller = function($scope){

  $scope.message ="Hello";
};


app.contoller("Controller",['$scope',Controller]);

Answer 1

Plunker提供开箱即用的角度语法，让您开始使用最佳实践：

看一下这个：

http://plnkr.co/edit/tpl:8rFfZljYNl3z1A4LKSL2?p=preview

    <!DOCTYPE html>
<html ng-app="plunker">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link rel="stylesheet" href="style.css" />
    <script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.0-rc.2/angular.js" data-semver="1.4.0-rc.2"></script>
    <script src="app.js"></script>
  </head>

  <body ng-controller="MainCtrl">
    <p>Hello {{name}}!</p>
  </body>

</html>

JS：

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

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
});

Answer 2

你拼错controller作为contoller 。

Answer 3

这是一个简单的示例，让您开始使用“Controller as”语法，这是您应该使用的内容。 您将看到许多$ scope语法的示例，但它不再是将控制器绑定到视图的推荐方法。 有关更多详细信息，请参阅AngularJS.org有关ngController的文档。

Plunker： http ：//plnkr.co/edit/aydvXaJNXtzdVI1mh2I4？p = preview

HTML：

<!DOCTYPE html>
<html ng-app="controllerAsDemo">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link rel="stylesheet" href="style.css" />
    <script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.0-rc.2/angular.js" data-semver="1.4.0-rc.2"></script>
    <script src="app.js"></script>
  </head>

  <body >
    <p ng-controller="MainController as main">Hello {{main.name}}!</p>
    <p ng-controller="BillyGoatController as billyGoat">Hello {{billyGoat.name}}!</p>
  </body>

</html>

JS：

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

app.controller('MainController', function() {
  this.name = 'World';
});

app.controller('BillyGoatController', function() {
  this.name = 'Billy Goat Gruff';
})

AngularJS简单示例在Plunker中不起作用

问题描述

3 个解决方案

解决方案1
4 已采纳 2015-05-25 23:37:39

解决方案2
3

解决方案3
2 2015-05-26 00:53:33

AngularJS简单示例在Plunker中不起作用

问题描述

3 个解决方案

解决方案1 4 已采纳 2015-05-25 23:37:39

解决方案2 3

解决方案3 2 2015-05-26 00:53:33

解决方案1
4 已采纳 2015-05-25 23:37:39

解决方案2
3

解决方案3
2 2015-05-26 00:53:33