gpt4 book ai didi

javascript - AngularJS 无法使用我的 html

转载 作者:太空宇宙 更新时间:2023-11-04 13:40:13 25 4
gpt4 key购买 nike

我正在尝试构建我的第一个 AngularJS 应用程序,但它不工作,我无法找到它不工作的原因。它没有在 html 页面上显示 sayHello 函数的名称和结果。

这是我的 js 和 html 文件。

(function(){
// body...
'use strict';
angular.module('myFirstApp',[]);

.controller('myFirstController', function($scope){
// body...
$scope.name = "Isha";
$scope.sayHello = function() {
// body...
return "Hello";
}
});
})();
<html>
<head>
<title>My First AngularJS App</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="app.js"></script>
</head>
<body>
<h1>My First AngularJS App</h1>
<div ng-app="myFirstApp" ng-controller="myFirstController">
{{sayHello()}}
{{name}}
</div>
</body>
</html>

最佳答案

只需删除;在模块之后,添加 Controller 。否则你需要声明为

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

然后

app.controller('myFirstController', function($scope){

演示

(function(){
// body...
'use strict';
angular.module('myFirstApp',[]).controller('myFirstController', function($scope){
$scope.name = "Isha";
$scope.sayHello = function() {
return "Hello";
}
});
})();
<html>
<head>
<title>My First AngularJS App</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="app.js"></script>
</head>
<body>
<h1>My First AngularJS App</h1>
<div ng-app="myFirstApp" ng-controller="myFirstController">
{{sayHello()}}
{{name}}
</div>
</body>
</html>

关于javascript - AngularJS 无法使用我的 html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42984955/

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