gpt4 book ai didi

javascript - 带 Controller 的 Angular 接线 - 初学者

转载 作者:行者123 更新时间:2023-12-02 18:07:06 25 4
gpt4 key购买 nike

我正在关注本教程:http://www.youtube.com/watch?v=i9MHigUZKEM

我已经 46:32 分钟了,这是到目前为止我的代码:

<html data-ng-app="demoApp">

<body data-ng-controller="SimpleController"} ]">

<div data-ng-controller="SimpleController">
Name : <br /> <input type="text" data-ng-model="name" /> {{name}} <br />

<ul>
<li data-ng-repeat="cust in customers | filter:name | orderBy:'city'">
{{ cust.name | uppercase }} - {{cust.city | lowercase}}</li>
</ul>
</div>

<script src="angular.min.js"></script>

<script>
//[] means no dependencies
var demoApp = angular.module('demoApp', [])

demoApp.config(function($routeProvider) {
$routeProvider.when('/', {
controller : 'SimpleController',
templateUrl : 'View1.html'
}).when('/partial2', {
controller : 'SimpleController',
templateUrl : 'View2.html'
})
.otherwise({ redirectTo: '/'});
});

function SimpleController($scope) {

$scope.customers = [ {
name : 'John Smith',
city : 'Pheonix'
}, {
name : 'Jane Doe',
city : 'San Francisco'
}, {
name : 'Derek Doe',
city : 'New York'
} ];
}

demoApp.controller('SimpleController', SimpleController);
</script>
</body>
</html>

但是代码没有按预期工作。代码对我来说看起来不错,但显然有问题。我是否缺少导入或代码不正确>错误:

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/undefined/$injector/modulerr?p0=demoApp&p1=Erro…paces%2F04072013%2FAngularJSFirst%2FWebContent%2Fangular.min.js%3A32%3A427) 

最佳答案

根据所有评论,这里有一个快速摘要,可能会解决您的问题

-1 包括<script src="angular.min.js"></script><head>您的文档或末尾。使用 unminifed 版本进行开发,并切换到 minified 版本进行生产。

-2 不要嵌套 Controller 。您有data-ng-controller="SimpleController"在你的<body>中标签及其子标签 div你只需要声明一次。您的 <body> 中也有一个拼写错误标签不确定是否只是在您复制代码时发生的。

-3 我不确定你正在使用哪个版本的 Angular,但我相信在最新版本中,不包含 ngRoute,因此你必须将其声明为你的应用程序的依赖项 var demoApp = angular.module('demoApp', ['ngRoute']) 。我不确定,但我相信这是您错误的根源。

关于javascript - 带 Controller 的 Angular 接线 - 初学者,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20006333/

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