gpt4 book ai didi

javascript - 简单的 Angular js 不适用于 Plunker

转载 作者:行者123 更新时间:2023-11-30 08:35:14 26 4
gpt4 key购买 nike

你能看看This Plunker Demo吗?并告诉我为什么它不起作用?

这是我的代码

<!DOCTYPE html>
<html ng-app>

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

<body>
<div ng-controller="FirstController">
<h1>{{msg}}</h1>
</div>
</body>

</html>

script.js 中:

var FirstController = function($scope){
$scope.msg = "This Must Work!";
};

最佳答案

你想用angular还是angular 2? Angular 2 目前处于测试阶段,而不是常用版本。

对于angular 1,有一些小错误。

首先,您没有在 javascript 中声明该应用程序。为此,您应该编写如下内容:

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

然后,您使用了 ng-app 指令,但没有为其提供值。它应该与您之前制作的“模块”的值相同(在本例中为 myApp)。

<html ng-app="myApp">

接下来,为了能够在您的应用中使用 Controller ,您必须将其“附加”到您的应用中。否则,angular 不知道它的存在。我们这样做:

myApp.controller('FirstController', ['$scope', function($scope) {
$scope.msg = 'This Must Work!';
}]);

我还在这个例子中使用了 Angular CDN。

还有一个工作 Plunkr demo

关于javascript - 简单的 Angular js 不适用于 Plunker,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32015679/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com