如何使用button click AngularJS添加`<input>`元素

在AngularJS中，可以通过button的click事件来动态添加<input>元素。下面是一个示例代码：

HTML部分：

<div ng-app="myApp" ng-controller="myCtrl">
  <button ng-click="addInput()">添加输入框</button>
  <div ng-repeat="input in inputs">
    <input type="text" ng-model="input.value">
  </div>
</div>

AngularJS部分：

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope) {
  $scope.inputs = [];

  $scope.addInput = function() {
    $scope.inputs.push({ value: '' });
  };
});

在上面的代码中，我们首先定义了一个按钮，当按钮被点击时，会调用addInput()函数。该函数会向inputs数组中添加一个新的对象，该对象包含一个value属性，用于绑定输入框的值。

接着，我们使用ng-repeat指令来遍历inputs数组，并为每个元素创建一个<input>元素。通过ng-model指令，将每个输入框与对应的input.value属性进行双向绑定。

这样，每次点击按钮时，都会动态添加一个新的输入框。

推荐的腾讯云相关产品和产品介绍链接地址：

• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
• 云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
• 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
• 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
• 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 区块链服务（TBC）：https://cloud.tencent.com/product/tbc
• 腾讯云元宇宙（Tencent Cloud Metaverse）：https://cloud.tencent.com/solution/metaverse