在angularjs中动态添加表单域不起作用

在AngularJS中动态添加表单域不起作用可能是由于以下几个原因：

1. 作用域问题：动态添加的表单域可能没有正确绑定到作用域中。在AngularJS中，通过ng-model指令将表单域与作用域中的变量进行绑定。确保动态添加的表单域的ng-model指令正确绑定到相应的作用域变量上。
2. 编译问题：动态添加的表单域可能没有经过正确的编译过程。在AngularJS中，通过$compile服务可以对动态添加的HTML进行编译，使其能够被AngularJS所识别和处理。确保在动态添加表单域后，使用$compile服务对其进行编译。
3. 更新视图问题：动态添加的表单域可能没有正确地更新视图。在AngularJS中，通过$scope.$apply()方法可以手动触发视图的更新。确保在动态添加表单域后，调用$scope.$apply()方法以更新视图。

以下是一种可能的解决方案：

在控制器中定义一个数组来存储动态添加的表单域：

$scope.fields = [];

然后，通过点击按钮或其他事件触发动态添加表单域的函数：

$scope.addFormField = function() {
  var newField = {
    name: '',
    value: ''
  };
  $scope.fields.push(newField);
};

在HTML模板中，使用ng-repeat指令来循环渲染动态添加的表单域：

<div ng-repeat="field in fields">
  <input type="text" ng-model="field.name">
  <input type="text" ng-model="field.value">
</div>

确保在动态添加表单域后，调用$compile服务对其进行编译：

$compile(element.contents())($scope);

最后，如果需要手动更新视图，调用$scope.$apply()方法：

$scope.$apply();

这样，动态添加的表单域应该能够正常起作用了。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），产品介绍链接地址：https://cloud.tencent.com/product/cvm