gpt4 book ai didi

javascript - 哪个是 Angular 错误,我找不到它

转载 作者:行者123 更新时间:2023-11-30 16:40:08 25 4
gpt4 key购买 nike

这是我的代码..我在哪里遇到问题..请帮帮我..我正在尝试创建一个 Controller 来填充获取数据并在 html li 部分中显示..但我不明白错误在哪里..我试过添加 jQuery min 库但没有它..但是失败了..请帮我解决这个问题..

<html data-ng-app="myApp">
<head>
<title>First Angular application</title>
</head>
<body>
checkNames:
<input type="text" data-ng-model="namek">
<div class="container" data-ng-controller="SimpleController">
<ul>
<li data-ng-repeat="cast in castomers | filter:namek">{{cast.name|uppercase}} - {{cast.city}}</li>
</ul>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/angular.min.js"></script>
<script>
function SimpleController($scope) {
$scope.castomers = [{ name: 'krishnendu sarkar', city: 'kolkata' },
{ name: 'chanchal sarkar', city: 'bangalore' },
{ name: 'nilava chakraborty', city: 'pune' }]
};
</script>
</body>
</html>

提前致谢..

最佳答案

你应该首先创建 angular 模块,名称为 myApp 然后你可以移动 data-ng-controller="SimpleController"它覆盖在 body 标签上,以便 namek 输入字段包含在 SimpleController Controller 上下文中。

在 body 标签上添加 ng-app="myApp"。这样 Angular 模块就可以在页面上初始化。

标记

<body  data-ng-controller="SimpleController">
checkNames:
<input type="text" data-ng-model="namek">
<div class="container">
<ul>
<li data-ng-repeat="cast in castomers | filter:namek">{{cast.name|uppercase}} - {{cast.city}}</li>
</ul>
</div>
</div>

Controller

angular.module('myApp', []).controller('SimpleController', SimpleController);

function SimpleController($scope) {
$scope.castomers = [{
name: 'krishnendu sarkar',
city: 'kolkata'
}, {
name: 'chanchal sarkar',
city: 'bangalore'
}, {
name: 'nilava chakraborty',
city: 'pune'
}]
};

Demo PLunkr

关于javascript - 哪个是 Angular 错误,我找不到它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32128162/

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