个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我有一个 Angular 应用程序，我正在尝试使其正常工作。显然，只需再一行代码即可使其工作，但我不知道它是什么。我仍在学习 Angular，而且我不太擅长 Javascript。我这样做是为了将输入中输入的任何内容都添加到列表中。但是，当我单击按钮删除某个项目时，它只会删除所有项目。我可以做什么来修复它？
<body ng-app="myApp">
<div ng-controller="GroceryController">
<header>
<h1>Matt's Grocery List</h1>
<div>
<form ng-submit="addItem()">
<div>
<input type="text" ng-model="newItem" placeholder="New things">
<button type="submit">Save</button>
</div>
</form>
</div>
</header>
<section id="list">
<p>"{{ newItem }}"</p>
<div>
<h4>{{ groceries.length }} total items</h4>
<table>
<tr ng-repeat="gro in groceries">
<td>{{gro}}</td>
<td>
<button class="remove" ng-click="removeItem(gro)">×</button>
</td>
</tr>
</table>
</div>
</section>
</div>
</body>
var app = angular.module('myApp', []);
app.controller('GroceryController', function($scope){
$scope.groceries = ['Nails', 'Pipe', 'Wood'];
$scope.addItem = function() {
$scope.groceries.push($scope.newItem);
$scope.newItem = '';
}
$scope.removeItem = function(item) {
var idx = $scope.groceries.indexOf(item);
$scope.groceries.splice(idx.l);
}
});
我这里有一个 JSfiddle，但我实际上无法让它在那里运行。当我尝试在浏览器中执行此操作时，它运行得很好。也许你可以让它运行起来，然后你就能找出问题所在。我真的很感激!谢谢。
最佳答案
您的拼接方法有错误。按如下方式使用 -
$scope.removeItem = function(item) {
$scope.groceries.splice($scope.groceries.indexOf(item),1);
}
关于javascript - Angular 杂货 list - 删除单个项目，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36536334/
25
4
0
我正在尝试创建一个杂货 list 程序。现在我只是在做一些基本的功能。将商品添加到我的购物 list 中、从购物 list 中删除商品、查看购物 list 以及标记我是否已拿起该商品。我困惑于如何让“
我有一个 Angular 应用程序，我正在尝试使其正常工作。显然，只需再一行代码即可使其工作，但我不知道它是什么。我仍在学习 Angular，而且我不太擅长 Javascript。我这样做是为了将输入
昨天我发布了一个有关杂货 list 的问题，并得到了很多帮助。我遇到了另一个问题。这是我的代码: item = {} while True: x = input('enter item: ')
我正在尝试使用 Arkency 的 ReactJS Koans 来学习 React。我陷入了练习 05-Challenge-GroceryList-part-1.jsx。当我在服务器上运行我的代码时，
我是一名优秀的程序员,十分优秀！