添加外部输入到角度模块

Question

我有一个外部脚本，为我的表单生成额外的输入标签。在某些情况下，它会在该输入中添加一些数据。此外，该标签是动态创建的，并且在启动时不存在。

我对创建输入标记的脚本没有任何控制权。

我能以某种方式将ng-model标记添加到该额外输入吗？我有什么选择可以使用在额外字段中添加的数据？

编辑 我知道如何读值（getElementById），但我想用它来动态表单验证。

Answer 1

你可以在事件处理上输入元素添加事件侦听器，并更新$scope型号：

Demo

angular.element(document.querySelector('#test')).on('keyup', function(event){ 
    $timeout(function(){ 
    $scope.inputText = event.target.value; 
    }) 
}) 

Answer 2

我假设外部输入有一个id属性。

访问数据的最简单方法是在脚本执行后捕获表单提交或任何事件上的数据。

$scope.formSubmit = function(){ 
    $scope.myform.generatedInput = document.getElementById('generatedElementId').value || null; 

    /* ... 
    Your Code here 
    ... */ 

}