在AngularJS中,可以通过ng-model指令将文本框的值绑定到控制器中的变量。然后,可以使用ng-repeat指令在视图中循环显示这个变量的值。
以下是实现的步骤:
<input type="text" ng-model="inputValue">
app.controller('myController', function($scope) {
$scope.inputValue = '';
});
<div ng-repeat="item in items">
{{ item }}
</div>
app.controller('myController', function($scope) {
$scope.inputValue = '';
$scope.items = [];
});
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产品文档和教程:
领取专属 10元无门槛券
手把手带您无忧上云