,可以通过以下步骤实现:
<ul>
<li ng-repeat="item in items" ng-click="addItem(item)">{{ item }}</li>
</ul>
在上面的代码中,ng-repeat指令用于循环遍历一个数组(items),并将每个数组项显示为一个列表项。ng-click指令用于监听列表项的点击事件,并调用名为addItem的函数来处理点击事件。
app.controller('MyController', function($scope) {
$scope.items = ['Item 1', 'Item 2', 'Item 3'];
$scope.selectedItem = '';
$scope.addItem = function(item) {
$scope.selectedItem = item;
};
});
在上面的代码中,我们在控制器中定义了一个数组(items)和一个变量(selectedItem)。addItem函数用于将选中的列表项的值(item)赋给selectedItem变量。
<input type="text" ng-model="selectedItem" readonly>
在上面的代码中,我们使用ng-model指令将selectedItem变量绑定到一个只读的输入框,这样当点击列表项时,选中的值会显示在输入框中。
这样,当你点击列表项时,ng-model变量(selectedItem)会被更新为选中的值,从而实现了向ng-model添加值的功能。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)
领取专属 10元无门槛券
手把手带您无忧上云