首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在angularjs中将textbox值传递给ng-repeat?

在AngularJS中,可以通过ng-model指令将文本框的值绑定到控制器中的变量。然后,可以使用ng-repeat指令在视图中循环显示这个变量的值。

以下是实现的步骤:

  1. 在HTML中,使用ng-model指令将文本框的值绑定到控制器中的变量。例如:
代码语言:txt
复制
<input type="text" ng-model="inputValue">
  1. 在控制器中,定义一个变量来存储文本框的值。例如:
代码语言:txt
复制
app.controller('myController', function($scope) {
  $scope.inputValue = '';
});
  1. 在视图中使用ng-repeat指令来循环显示变量的值。例如:
代码语言:txt
复制
<div ng-repeat="item in items">
  {{ item }}
</div>
  1. 在控制器中,定义一个数组来存储ng-repeat指令中循环显示的值。例如:
代码语言:txt
复制
app.controller('myController', function($scope) {
  $scope.inputValue = '';
  $scope.items = [];
});
  1. 在控制器中,使用$watch函数来监视文本框的值变化,并将其添加到数组中。例如:
代码语言:txt
复制
app.controller('myController', function($scope) {
  $scope.inputValue = '';
  $scope.items = [];

  $scope.$watch('inputValue', function(newValue, oldValue) {
    if (newValue !== oldValue) {
      $scope.items.push(newValue);
    }
  });
});

这样,当文本框的值发生变化时,ng-repeat指令会自动更新视图中循环显示的值。

关于AngularJS的更多信息和示例,您可以参考腾讯云的AngularJS产品文档和教程:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的合辑

领券