gpt4 book ai didi

javascript - 使用 AngularJS 创建一个简单的 ToDo 应用程序,显示 $controller :ctrlreg error

转载 作者:行者123 更新时间:2023-12-03 02:43:58 24 4
gpt4 key购买 nike

我正在尝试使用 AngularJS 制作一个待办事项应用程序,但它说一个与

Error: $controller:ctrlreg,

定向链接说:

A controller with this name is not registered.

下面是我的脚本代码。

angular.module('todoApp', [])
.controller('todoController', function($scope) {
$scope.tasks = [];
$scope.add = function() {
$scope.tasks.push($scope.title);
}
})
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<br>
<div ng-app="todoApp" ng-controller="todoController"><br>
<input ng-model="title"><button ng-click="add()">Add</button>
<br><li ng-repeat="t in tasks">{{t}}</li>
<br>
</div>

最佳答案

看看这个:plnkr

index.html:

<!DOCTYPE html>
<html >

<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>document.write('<base href="' + document.location + '" />');</script>
<link rel="stylesheet" href="style.css" />
<script data-require="angular.js@1.3.x" src="https://code.angularjs.org/1.3.20/angular.js" data-semver="1.3.20"></script>
<script src="app.js"></script>
</head>

<body ng-app="plunker" ng-controller="MainCtrl">
<input ng-model="title"><button ng-click="add()">Add</button>
<br><li ng-repeat="t in tasks">{{t}}</li>
</body>

</html>

app.js

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

app.controller('MainCtrl', function($scope) {
$scope.tasks = [];
$scope.add = function() {
$scope.tasks.push($scope.title);
}
});

关于javascript - 使用 AngularJS 创建一个简单的 ToDo 应用程序,显示 $controller :ctrlreg error,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48185359/

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