gpt4 book ai didi

AngularJS 简单 "Hello, world"不起作用

转载 作者:行者123 更新时间:2023-12-02 21:46:18 26 4
gpt4 key购买 nike

尝试遵循教程时,我无法使“Hello, world”示例正常工作。相反,它显示:“{{greeting.text}},世界”。使用 Chrome 和 AngularJS 1.3.1。

index.html:

<!DOCTYPE html>
<html ng-app>
<head>
<script src="angular.js"></script>
<script src="app.js"></script>
<!--<link rel="stylesheet" type="text/css" href="bootstrap.min.css" />-->
</head>
<body>
<div ng-controller='HelloController'>
<p>{{greeting.text}}, world </p>
</div>
</body>
</html>

app.js

function HelloController($scope) {
$scope.greeting = { text: 'Hello' };
}

我的文件夹结构

root/
angular.js
app.js
index.html

谢谢

最佳答案

我希望这会有所帮助。

index.html

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

<head>
<script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.min.js"></script>
<link href="style.css" rel="stylesheet"/>
<script src="script.js"></script>
</head>

<body>
<div ng-controller="appCtrl">
<p>{{greeting.text}}, world </p>
</div>
</body>

</html>

script.js

var appname = angular.module('appname', []);
appname.controller('appCtrl', ['$scope',
function($scope) {
$scope.greeting = { text: 'Hello' };
}]);

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

关于AngularJS 简单 "Hello, world"不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26760518/

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