Javascript 动态添加到屏幕输入字段，并用ionic cordova（angularjs）对其（数字）内容求和

我是爱奥尼亚和安格拉斯的新手。希望能够在单击insert时动态插入以下输入字段

<div class="list">

  <div class="item item-input-inset">
    <label class="item-input-wrapper">
      <input type="text" placeholder="Add">
    </label>
    <button class="button button-small">
      Insert
    </button>
  </div>
</div>

插入

---

并保留所有输入数字的运行总数，将其添加到末尾

您可以这样做：

为您的列表创建一个数组

编号：[]

在数字数组上的离子列表中使用

ng repeat

创建一个对所有数字求和的方法

我的代码中有一点可以改进，那就是insert总是在列表的末尾添加新项。如果要在单击“插入”按钮后添加它，则需要将“

$index

作为参数传递给“插入方法”，并使用“拼接”在正确位置添加新项

请看一下下面的演示或本演示

angular.module（'demoApp'，['ionic']））
.控制器（“主控制器”，主控制器）；
函数MainController（）{
var vm=这个，
defaultNumberObj={
数值：0
};
有角度的。延伸（这个{
数字：[角度。复制（defaultNumberObj）]，
插入：函数（）{
console.log（'inserting…'）；
vm.numbers.push({
数值：0
});
},
removeLast:function（）{
如果（vm.numbers.length>1）
vm.number.pop（1）；
},
重置：函数（）{
vm.numbers=[angular.copy（defaultNumberObj）]；
},
calcSum：函数（）{
var总和=0；
angular.forEach（vm.number，函数（number）{
sum+=parseInt（number.value）| 0；
});
回报金额；
}
});
}

结果{ctrl.calcSum（）}
重置
插入
总计：{ctrl.calcSum（）}

我正在尝试找出需要添加到app.js的代码。这项工作做得很好，完全满足了我的需求，超出了我的预期。因此，我如何才能专注于刚刚插入的输入文本？您可以添加一个

自动聚焦

指令。请看看这个。要看到它的实际应用，你必须打开小提琴。非常感谢你，我从你身上学到了很多。此外，我还试图在单击的输入之后插入新的输入，但无法实现。我不知道如何插入命令来移动字段。不客气。我已经把它加到这上面了。有关

拼接的更多示例，请参见
。看一看。MDN是学习javascript的好资源。