gpt4 book ai didi

javascript - 我如何初始化 Angular "Hello World' 应用程序

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

真正的基本问题:开始练习 Angular 的“hello world”应用一直有效,直到我尝试添加 Controller ,此时表达式在页面上不起作用。

<!doctype html>
<html ng-app='app'>

<head>
<link rel='stylesheet' href='css/styles.css'>
<link rel='stylesheet' href='css/bootstrap.min.css'>
<script src='js/app.js'></script>
<script src='js/angular.min.js'></script>
</head>

<body>
<div class='container col-md-6 col-md-offset-6 panel' ng-controller='FormController'>
<input type='text' ng-model='name' placeholder='Enter your name'>
<h1>Hello {{name}}</h1>
</div>

</body>

</html>

JS:

angular.module('app', []).controller('FormController', function($scope){
$scope.name = 'Test';
});

该页面最终只显示 {{name}} 但如果我取出 Controller 和“应用程序”模块,它就可以正常工作。帮助会很好,谢谢。

最佳答案

您应该更改包含 js 文件的顺序。

<script src='js/angular.min.js'></script>
<script src='js/app.js'></script>

关于javascript - 我如何初始化 Angular "Hello World' 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37770583/

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