gpt4 book ai didi

javascript - 我的 AngularJS 表达式不起作用

转载 作者:行者123 更新时间:2023-12-03 10:22:38 24 4
gpt4 key购买 nike

我最近开始学习 AngularJS,但是遇到了一些问题。我尝试使用 WebMatrix 3 中的代码语言,并且指令可以正常工作,但表达式在网页中显示得不好。在我输入的代码中:

<p>{{ title }}</p>

然后在网页中会显示:{{ title }},而不是我编程的标题。

这是我的其余代码。

index.html:

<!DOCTYPE html>
<html>

<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</head>

<body data-ng-app="myApp">

<div data-ng-controller="MainController">
<p>{{ title }}</p>
{{ 5 + 5 }}
</div>
</body>
</html>

MainController.js:

app.controller('MainController', ['$scope', function ($scope) {
$scope.title = 'Top Sellers in Books';
} ]);

app.js:

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

那么有谁知道为什么表达式不会显示我的数据?我尝试使用诸如 {{ 5 + 5 }} 之类的东西,但它仍然不起作用。任何帮助将不胜感激。谢谢!

最佳答案

根据我的评论,您显然没有包含 script 标记来引用包含应用程序模块初始化和 Controller 代码的文件,这就是您的表达式不起作用的原因。

您应该将该脚本包含在头部部分的 Angular 脚本下方。

<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script src="fileContainingYourControllerScript.js"></script>
</head>

重构奖励:一旦开始工作,请进行一些重构,将所有脚本移出 header ,并将它们放在 HTML 底部、HTML 文档结束标记之前。它将提高页面加载性能。您还可以考虑使用 Bower 来管理您的依赖项(Angular 等)。

关于javascript - 我的 AngularJS 表达式不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29557650/

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