Question

如何获取html元素id，通过angularjs

Answer 1

jqLite in angularjs

angular.element("#element-id")

这是一个DOM操作。Angular不会帮助你获得DOM的某个属性。

你需要使用的是DOM选择器，不管是原生的也好或者像jQuery这样的库也好。

获取ID的目标地是为了操作DOM, Angular的设计思想不是这样的, 你应该用directive代替.

directive的link函数已经把作用域,元素,属性数组注入到link函数调用的参数当中了.

link(scope,element,attrs)

关于directive的详细解释,请参考: 创建自定义"指令"

转载，仅供参考。

Answer 2

jqLite in angularjs

angular.element("#element-id")

这是一个DOM操作。Angular不会帮助你获得DOM的某个属性。

你需要使用的是DOM选择器，不管是原生的也好或者像jQuery这样的库也好。

获取ID的目标地是为了操作DOM, Angular的设计思想不是这样的, 你应该用directive代替.

directive的link函数已经把作用域,元素,属性数组注入到link函数调用的参数当中了.

link(scope,element,attrs)

关于directive的详细解释,请参考: 创建自定义"指令"

Answer 3

angular在启动初期会遍历dom，找出所有在html里绑定的directive进行compile和link后，类似｀v-click｀这样的指令才会在所在的dom元素上绑定响应事件。如果直接将html字符串插入到dom中angular是没有机会解析这串html里的指令。为了解决这一问题，angular内置的$compile service.
Usage:
inject $compile service
$compile(htmlstring or domelement)(scope)
如果compile htmlstring 最后在将link后的返回插入到dom中
$compile() return a link function which bind the template to a scope