Javascript函数不会影响Angular模板

时间:2017-01-01 21:32:37

标签: javascript jquery angularjs dom

我已经设置了一个简单的角度项目,我有一个基本模板。此基本模板导入所有必需的库,并在其中运行简单的jQuery函数。像这样:

&x

因此,基本上,该函数为我的DOM中的所有输入元素添加了一个类。 ng-view外的第一个输入元素受此函数的影响。

但是,假设我的ng-view模板中有输入元素,这些很奇怪不受函数的影响。这是为什么?看来我的jQuery函数无法访问我的Angular模板的DOM。

有解决方案吗?运行可影响Angular模板的公共函数的理想方法是什么?

感谢。

1 个答案:

答案 0 :(得分:0)

模板不是以某种方式隐含地“包含”;它们通过动态角度代码得到构造(并且可能基于在主页面onload事件被触发之后发生的http请求之类的异步事件)。因此,除非您以某种方式配合角度,否则无法保证DOM将由角度构造。

接近这个的'正确'方法可能是为'input'标签编写一个角度指令来添加类(而不是像上面那样使用jQuery);当然,它是添加事件监听器等的“正确”方式。