Angular JS不在plunker工作

Question

我无法让我的角度代码在plunker中运行。 我附上了细节。 你们中的任何人能帮助我吗？ 基本上这是ngcontroller的一个问题我猜，但我不确定。

<!DOCTYPE html>
<html ng-app>

  <head>
    <script data-require="angular.js@*" data-semver="1.3.15" src="https://code.angularjs.org/1.3.15/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-controller="MainController">
    {{ 5 / 2 }}<br>
    {{message}}
  </body>

</html>

javascript script.js文件的内容

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

插件http://plnkr.co/edit/mzgdELALCP7DN2ikJHsC?p=preview

Answer 1

在版本1.3。*中，您不能再声明全局控制器功能。

而是定义一个模块，并使用您的控制器功能：

var SidController = function($scope){

  $scope.message = "WElcome.";

};
SidController.$inject = ['$scope'];
angular.module('app', []).controller('SidController', SidController);

在你的HTML中

<html ng-app="app">

看到这个plunker 。

Answer 2

我有同样的问题..开始教程做得好！ 只需用index.html替换index.html中的脚本即可

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js"></script>

我想Plunker目前的库已经过时了。

Answer 3

使用Plunkr （使用不同的AngularJS版本。@ user3906922有更好的答案，你的版本保持不变）。

例如，将此用于HTML：

<!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="SidController">

<h1>Hello Plunker!</h1>
    {{ 5 / 2 }}<br>
{{message}}

</div>



</body>
</html>

Answer 4

检查此plunkr您需要定义模块，然后注册控制器

http://plnkr.co/edit/9zAV5nSWH05FYscEWYZ5?p=preview

angular.module( 'demoApp', []);

angular.module( 'demoApp' )
    .controller( 'SidController', function($scope){
  $scope.message = "WElcome.";
});

Answer 5

你应该创建你的模块。

angular.module('app', []).controller("SidController", function($scope) {
  $scope.message = "WElcome.";
});

然后在你的html元素中，设置你的属性，如下所示：

ng-app="app"

Angular JS不在plunker工作

问题描述

5 个解决方案

解决方案1
8 2015-05-13 12:12:39

解决方案2
5 2016-08-21 18:20:29

解决方案3
3 2015-05-13 12:11:54

解决方案4
1 2015-05-13 12:20:13

解决方案5
0 2015-05-13 12:16:03

Angular JS不在plunker工作

问题描述

5 个解决方案

解决方案1 8 2015-05-13 12:12:39

解决方案2 5 2016-08-21 18:20:29

解决方案3 3 2015-05-13 12:11:54

解决方案4 1 2015-05-13 12:20:13

解决方案5 0 2015-05-13 12:16:03

解决方案1
8 2015-05-13 12:12:39

解决方案2
5 2016-08-21 18:20:29

解决方案3
3 2015-05-13 12:11:54

解决方案4
1 2015-05-13 12:20:13

解决方案5
0 2015-05-13 12:16:03