javascript - Angular JS : How to get input value using AngularJS functions

Question

我想访问服务中的表单输入值。

var emailId = document.getElementById("save_quote_email").value;
console.log("emailId="+emailId);
console.log("emailId2="+angular.element('#save_quote_email').val());

我能够使用 document.getElementById("save_quote_email").value 获得值(value)但不使用 Angular 函数angular.element('#save_quote_email').val()

出现错误

错误:[jqLit​​e:nosel] jqLit​​e 不支持通过选择器查找元素!请参阅:http://docs.angularjs.org/api/angular.element http://errors.angularjs.org/1.2.16/jqLite/nosel

请查看这个骗子http://plnkr.co/edit/Op1QDwUBECAosPUC7r3N?p=preview获取完整代码。

在 dtoresource.js 行 numbe2 21 中。

Answer 1

您不能使用 angular.element 通过 id 或其他选择器链接进行选择，您提供的完整信息如下

“注意:请记住，此函数不会通过标签名称/CSS选择器查找元素。对于通过标签名称查找，请尝试使用 angular.element(document).find(...) 或 $document.find( )，或使用标准 DOM API，例如 document.querySelectorAll()"

您可以按如下方式使用 document.query 选择器

    var queryResult = document.querySelector('#save_quote_email');
    var emailId2 = angular.element(queryResult);

这是正在工作的笨蛋 http://plnkr.co/edit/mC0JKTZpdnvqyBpihLRW?p=preview

还有这个https://stackoverflow.com/a/23626251/5621827将帮助您更好地理解它