Templates angularJS中的表行绑定

如果我简化我的情况，我有一个数字列表，我希望用户能够添加到其中。它们显示为HTML输入框列表，我希望在底部有一个额外的空行，一旦使用它，它将被添加到列表中。有什么想法吗

我已经尝试过了，但是显然没有任何东西将第二个include链接到

numbers

数组中

$scope.numbers = [1,1,2,3];

其中显示有：

<ul>
  <ng-include src="'row.html'" ng-repeat="number in numbers"></ng-include>
  <ng-include src="'row.html'"></ng-include>
</ul>

<script type="text/ng-template" "id="row.html">
  <li><input type="number" ng-model="number" /></li>
</script>

不太确定是否理解“一旦使用”，但可以轻松实现的是，一旦用户在最后一次输入时点击enter键，就在列表中添加一个条目。见下文：

<ul>
  <ng-include src="'row.html'" ng-repeat="number in numbers"></ng-include>
</ul>
<form ng-submit="add()">
  <input type="number" ng-model="newNumber" />
</form>

每次用户在最后一次输入时按enter键，它都会被添加到数字列表中，并且在列表底部会显示一个新的空输入

可以找到一把工作小提琴
您的问题完全不清楚，请再解释一下，并请提供您使用的angularjs版本。希望附加文本解释我的全部意图！这几乎正是我要寻找的，除了我希望它在输入任何内容后立即添加新号码之外，也许我可以改为
$watch
$scope.newNumber
。我还必须处理从
newNumber
到
numbers
的转换，因为我实际需要的是整行数据（不仅仅是一个数字），但这非常接近！
$scope.numbers = [1,1,2,3];
$scope.newNumber = '';

$scope.add = function () {
    var parsed = parseInt($scope.newNumber);
    if(!isNaN(parsed)){
        $scope.numbers.push(parsed);
    }
    $scope.newNumber = '';
}