Angularjs 如何在爱奥尼亚的列表中添加/删除项目

我已经在VS2015中创建了选项卡式ionic应用程序。现在我想添加一个简单的列表，可以添加/删除类似的项目-

“我的HTML代码”选项卡-chats.HTML：

不要注意聊天-这是默认应用程序的功能

此代码有效，我可以添加或删除项，但此项的属性为空$scope.itemAmount和$scope.itemName始终为空

我正在启动中的应用程序

我做错了什么？为什么新项目的属性为空？

您正在使用$scope.itemAmount和$scope.itemName绑定金额和名称

当您执行以下操作时，由于双向绑定，将向该项存储空字符串

 $scope.itemAmount = "";
 $scope.itemName = "";

所以，您应该将这两个值作为参数从模板传递给函数addItem，如下所示

<button ng-click="addItem(itemAmount,itemName )">Add to list</button>

完整代码演示：

var app=角度。模数yapp，[]； app.controllermyController，函数$scope{ $scope.name=asd； $scope.items=[]； $scope.addItem=函数itemAmount，itemName{ $scope.items.push{ 金额：itemAmount， 名称：itemName }; $scope.itemAmount=； $scope.itemName=； }; $scope.removietem=函数索引{ $scope.items.index，1； }; } 添加项 添加到列表中 未选中： 金额：{{item.amount}}- 名称：{{item.name}- 去除

---

这是我的宠物项目，所以我将能够在家里检查，至少在8小时。但我在addItem方法中添加了断点。我看到$scope.itemAmount和$scope.itemName在这个方法中是未定义的。在您的代码中还是在我的代码中？如果是这样，那么这两个变量可以在控制器中用空字符串定义。在我的代码中。我将有可能在8个多小时内检查您的代码。对不起，打扰了，我会在有结果的时候写信。这部分是为了解决我的问题。现在，我可以将参数传递给我的方法AddItemAmount，itemName-这部分可以工作，但$scope.itemName和$scope.itemAmount在方法addItem中未定义。所以，当我尝试刷新它们时，它不会影响输入中的视图值。

$scope.items.push({
   amount: $scope.itemAmount,
   name: $scope.itemName
});

 $scope.itemAmount = "";
 $scope.itemName = "";

<button ng-click="addItem(itemAmount,itemName )">Add to list</button>

$scope.addItem = function (itemAmount, itemName) {
   $scope.items.push({
      amount: itemAmount,
      name: itemName
   });
   $scope.itemAmount = "";
   $scope.itemName = "";
};