Javascript 如何在AngularJS中使用getElementById

我有以下javascript代码：

<script>
var recognition;
document.addEventListener('deviceready', onDeviceReady, false);

function onDeviceReady() {
    recognition = new SpeechRecognition();
    recognition.onresult = function(event) {
        if (event.results.length > 0) {
            q.value = event.results[0][0].transcript;
            q.form.submit();
        }
    }
}
</script>
<form action="http://www.example.com/search">
    <input type="search" id="q" name="q" size=60>
    <input type="button" value="Click to Speak" onclick="recognition.start()">
</form>

var识别；
文件。添加的监听器（'deviceready'，onDeviceReady，false）；
函数ondevicerady（）{
识别=新的SpeechRecognition（）；
recognition.onresult=函数（事件）{
如果（event.results.length>0）{
q、 值=事件。结果[0][0]。记录本；
q、 表单提交（）；
}
}
}

---

如何将

getElementById

与AngularJS一起使用？行

q.value=event.results[0][0]。转录本

用于将用户通过语音识别输入的内容插入元素

q

（用作文本框）。如何在AngularJS中实现这一点？

如果使用angular指令ng模型，请添加

ng model=“speechtext”

在文本字段和代码中定义范围变量speechtext：

$scope.speechtext = q //or just the variable where the result is hold

---

使用角度方向ng模型，添加

ng model=“speechtext”

在文本字段和代码中定义范围变量speechtext：

$scope.speechtext = q //or just the variable where the result is hold

要通过元素的id、类、属性等获取元素，可以使用内置的，这是用于DOM操作的jQuery lite版本

如果

jQuery

可用，

angular.element

是该函数的别名。如果jQuery不可用，

angular.element

将委托给angular的jQuery内置子集，称为“jQuery-lite”或jqLite

要通过元素的id、类、属性等获取元素，可以使用内置的，这是用于DOM操作的jQuery lite版本

如果

jQuery

可用，

angular.element

是该函数的别名。如果jQuery不可用，

angular.element

将委托给angular的jQuery内置子集，称为“jQuery-lite”或jqLite

---

因此，在这之后，我只使用javascript中的

q.value

？是的，但是使用ng模型，您可以告诉DOM元素其本身的内容是什么。这就是角度双向绑定，请在这里查看：因此，在这之后，我只使用javascript中的

q.value

？是的，但是使用ng模型可以告诉DOM元素自身的内容。这是有角度的双向绑定，请在此处查看：