Javascript 使用Angularjs以编程方式通过名称将表单外部的输入发布到表单

我需要将输入发布到表单，而输入位于表单外部。我设法添加了输入，但结果并不是我真正需要的，请参见控制台输出

所以我基本上是通过表单将外部输入元素添加到表单中。$addControlouterInput

常量MyApp=angular.module'app'，[]； MyApp.controller'formCtrl'，['$scope'，'$element'，函数$scope，$element{ $scope.dataModel={ 姓名：“罗伯特·阿什维克”， 电子邮件：“blabla”， 年龄:25岁， 文本：“文本” }; $scope.addOuterInputToForm=functionform，inputID{ //令人讨厌的是，我正在检索输入元素； var input=angular.elementdocument.getElementByIdinputID[0]； 表单$addControlinput； 控制台.logform； }; }]; 添加控件 方法需要的是元素本身，而不是元素本身

要获取元素的ngModelController，请将其包含在具有ng form指令的div中：

  <div ng-form="other">
     <input type="text" required id="inputToAdd" name="text"
            ng-model="dataModel.text">
  </div>
  <button ng-click="testForm.$addControl(other.text)">
     Add Control
  </button>

添加控件

---

我对angular很生疏，但你的问题似乎是在问一个具体的解决方案，它可能不适合你的问题。有关更多信息，请参见@Marie Authors应避免使用非信息性链接短语，如：单击此处、更多、阅读更多等@Marie您可能是对的。