gpt4 book ai didi

javascript - 设置 AngularJS 时遇到问题

转载 作者:行者123 更新时间:2023-11-28 17:02:24 25 4
gpt4 key购买 nike

所以我试图设置一些非常基本的东西,但我实在想不通为什么 angularjs 不显示大括号内的东西。我完全被难住了

链接到 plunker: http://plnkr.co/edit/GfCgemAxZPkhKNv7A0Av?p=preview

index.html:

<!DOCTYPE html>
<html ng-app>

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

<body>
<div ng-controller="maincontroller">
<p>{{introduction}}</p>
</div>

</body>

</html>

脚本.js:

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

主 Controller .js

app.controller('maincontroller', maincontroller);

var maincontroller = function($scope) {
$scope.introduction = "Welcome to My Program";
}

最佳答案

如果您查看浏览器的 js 控制台,您可以看到 3 个错误。我更新了你的 plunkr .

404 和 Angular 未定义

angular 的链接完全错误。

无法读取未定义的属性 controller

在您的 maincontroller.js 中,您尝试在定义函数之前添加一个 Controller 。更好的方法取自 angular docs :

app.controller('maincontroller', ['$scope', function($scope) {
$scope.introduction = "Welcome to My Program";
}]);

参数 maincontroller 不是函数

这次控制台甚至给你一个 link与问题的描述。原因是,您忘记为您的应用设置 ng-app 属性:

ng-app="myProgram"

关于javascript - 设置 AngularJS 时遇到问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30969449/

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