AngularJS是一个流行的前端框架，它提供了许多方便的方法来操作DOM元素。在本篇文章中，我们将学习如何使用AngularJS获取元素的属性值。
基础知识
在AngularJS中，可以使用$element服务访问DOM元素。这个服务提供了一些方法来获取元素的属性值，其中包括：
attr(name)：获取指定名称的属性值。prop(name)：获取指定名称的属性值。val()：获取元素的值。
需要注意的是，attr()方法获取的是HTML属性（即通过<div attr="value">定义的属性），而prop()方法获取的是DOM属性（即JavaScript中的属性）。因此，在大多数情况下，应该使用prop()方法来获取属性值。
示例代码
下面是一个简单的例子，演示如何使用AngularJS获取输入框的值和ID属性：
---- -------------- -----------------------
------ ----------- ------------ ----------------------
------- ------------------------------------------
------
--------
--- --- - ----------------------- ----
------------------------ ---------------- --------- -
-------------------- - ---------- -
--- ----- - --------------------------
--- ----- - ------------
--- -- - -----------------
---------- - ----- - ------- - ----
--
---
---------在这个例子中，我们使用了ng-model指令将输入框的值绑定到$scope.inputValue变量上。然后，当点击按钮时，调用getInputValue()方法来获取输入框的值和ID属性。
注意，我们通过$element.find("#myInput")方法获取了输入框元素，然后使用val()方法和prop()方法分别获取了它的值和ID属性。
结论
AngularJS提供了一些方便的方法来访问DOM元素和它们的属性。在本文中，我们学习了如何使用$element服务和attr()、prop()和val()方法来获取元素的属性值。希望这篇文章对您有所帮助！
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/25460