gpt4 book ai didi

javascript - 试图显示 listArray 的长度值

转载 作者:行者123 更新时间:2023-11-29 21:55:22 28 4
gpt4 key购买 nike

我是第一次学习如何使用 AngularJS 进行开发,我试图理解为什么我没有获得 length 属性的更新值,并希望有人能帮助我理解为什么我的代码是不工作以及我应该如何更新它。

<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<title>Grocery List</title>
<script src="js/angular.min.js"></script>
<script src="js/app.js"></script>
</head>
<body ng-app>
<h1>My Grocery List</h1>
<div ng-controller="MYController">
<input type="text" ng-model="listItem" placeholder="Add Grocery Item" />
<input type="submit" ng-click="addItem()" value="Save" />
<h2>Items</h2>
<ul ng-show="itemArray.length">
<li ng-repeat="listItem in itemArray">
{{ listItem }}
<buton ng-click="deleteItem(listItem)">X</buton>
</li>
</ul>
</div>
</body>
</html>

app.js 中的代码

function MYController($scope) {
$scope.listItem;
$scope.itemArray = [];

$scope.addItem = function() {
$scope.itemArray.push($scope.listItem);
$scope.listItem = '';
}

$scope.deleteItem = function(deletedItem) {
var idx = $scope.itemArray.indexOf(deletedItem);
$scope.itemArray.splice(idx, 1);
}
}

最佳答案

在 Angular 中,当你制作 Controller 时,它需要分配一个模块

所以在这里你将在 js 中制作你的 Controller ,如下所示

angular.module('todoApp', []) 
.controller('MYController', ['$scope', function($scope) {
$scope.listItem;

$scope.itemArray = [];

$scope.addItem = function() {
$scope.itemArray.push($scope.listItem);
$scope.listItem = '';
}

$scope.deleteItem = function(deletedItem) {
var idx = $scope.itemArray.indexOf(deletedItem);
$scope.itemArray.splice(idx, 1);
}
});

并且在 HTML bootstrap angular 中像下面这样在 body 标签中使用你的 Controller

<body ng-app="todoApp">

引用这里 https://angularjs.org/#add-some-control

关于javascript - 试图显示 listArray 的长度值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26686012/

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