Question

我使用此Plunker作为参考。我想创建一个类似的，但更改是我想添加一个按钮，然后单击每个条目应添加到列表中。我创建了这个Plunker。但是，我需要在点击时逐个添加项目。我怎样才能做到这一点？不知何故，我在这段代码中做错了。

$scope.addRow = function() {
$scope.source.push($scope.counter);
$scope.counter++;
}

任何帮助都将不胜感激。

Answer 1

为了做你想做的事，你需要在更改之后调用 $ scope.source.pageSize（页面）; ，然后 $ scope.source.refresh（）< / strong>将此更改应用于源。

angular.module("app", ["kendo.directives"]).controller("MyCtrl", function ($scope) { var page =1; $scope.source = new kendo.data.DataSource({ transport: { read: { url: "http://demos.telerik.com/kendo-ui/service/products", dataType: "jsonp" } }, pageSize: page }); $scope.add= function(){ page++; $scope.source.pageSize(page); $scope.source.refresh(); } });

here's working plnkr

Answer 2

你只是将计数器推入阵列，你应该推动文本。

angular.module("app", []).controller("MyCtrl", function ($scope) {
    $scope.source = [];
    $scope.addRow = function(text) {
      $scope.source.push(text);
    }
});

并在您看来：

<div ng-app="app" ng-controller="MyCtrl">
  <input type="text" ng-model="some_text"/>
  <input type="submit" value="Add" ng-click="addRow(some_text)"/>
</div>

看看这个Plunker：http://plnkr.co/edit/m1gkM4Yp9xzAa09NDACK?p=preview

如何在angularjs中点击添加条目？

2 个答案: