gpt4 book ai didi

javascript - Angular.js 不起作用

转载 作者:塔克拉玛干 更新时间:2023-11-02 23:04:44 24 4
gpt4 key购买 nike

我正在尝试学习 Angular.JS,所以我写了这个简单的代码来测试它:

<!doctype html>
<html ng-app="myapp">
<head>
<meta charset="utf-8">
<title>Angular.JS</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
</head>

<body>
<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript" src="js/myapp.js"></script>
<p>The sum of 5+10 is: {{5 + 10}}</p>
</body>
</html>

我应该在浏览器中看到以下输出:The sum of 5+10 is: 15 ,但我只是按原样查看:The sum of 5+10 is: {{5 + 10}} .我在 Chrome 和 FF 中都尝试过,我尝试使用 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script> 从 Google CDN 添加 angular.js ,我试图在 <head> 之间移动脚本标签,但结果总是一样的。

我做错了什么?为什么我的输出不正确?

最佳答案

<html ng-app="myapp">

当您为 ng-app 指定名称时,它期望找到具有该名称的用户创建的模块。如果您真的只是想让您的示例正常工作,您只需删除 ="myapp" 就可以了。

<html ng-app>

如果您想保留您的“myapp”名称,请在加载 Angular 后添加此脚本 block 。

<script type="text/javascript">
angular.module('myapp', []);
</script>

关于javascript - Angular.js 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26715878/

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