Javascript 在AngularJS中调用jQuery函数_Javascript_Jquery_Html_Css_Angularjs

Javascript 在AngularJS中调用jQuery函数

javascript jquery html css angularjs

Javascript 在AngularJS中调用jQuery函数,javascript,jquery,html,css,angularjs,Javascript,Jquery,Html,Css,Angularjs,我想做这样的东西：在我的网站上，但我使用的是AngularJS 主要问题是JS脚本。这是jQuery，我的问题是：它能与AngularJS一起工作吗？如果是，如何在控制器（或指令？）中正确编写此代码？这是DOM操作吗？代码笔中的代码： JS: HTML: 调整窗口大小（即将推出的动画）如果您还将JQuery添加到页面中，这将很好地工作。您可以将代码粘贴到控制器中，然后插入并将其添加到HTML中： <div ng-controller="NavControl

我想做这样的东西：

在我的网站上，但我使用的是AngularJS

主要问题是JS脚本。这是jQuery，我的问题是：它能与AngularJS一起工作吗？如果是，如何在控制器（或指令？）中正确编写此代码？这是DOM操作吗？

代码笔中的代码：

JS:

HTML:













调整窗口大小
（即将推出的动画）

如果您还将JQuery添加到页面中，这将很好地工作。您可以将代码粘贴到控制器中，然后插入并将其添加到HTML中：

<div ng-controller="NavController">
    <nav class='greedy-nav'>
    ...
</div>

...

编写自定义指令是可能的，也是推荐的，但会更加复杂

另外请注意，angular支持JQuery alreay的一个子集，更多信息请参见此处：

如果您还将JQuery添加到页面中，这将很好地工作。您可以将代码粘贴到控制器中，然后插入并将其添加到HTML中：

<div ng-controller="NavController">
    <nav class='greedy-nav'>
    ...
</div>

...

编写自定义指令是可能的，也是推荐的，但会更加复杂

另外请注意，angular支持JQuery alreay的一个子集，更多信息请参见此处：

如果您还将JQuery添加到页面中，这将很好地工作。您可以将代码粘贴到控制器中，然后插入并将其添加到HTML中：

<div ng-controller="NavController">
    <nav class='greedy-nav'>
    ...
</div>

...

编写自定义指令是可能的，也是推荐的，但会更加复杂

另外请注意，angular支持JQuery alreay的一个子集，更多信息请参见此处：

如果您还将JQuery添加到页面中，这将很好地工作。您可以将代码粘贴到控制器中，然后插入并将其添加到HTML中：

<div ng-controller="NavController">
    <nav class='greedy-nav'>
    ...
</div>

...

编写自定义指令是可能的，也是推荐的，但会更加复杂

还要注意angular支持JQuery alreay的一个子集，这里有更多信息：

您需要将JQuery代码重写为angular样式。比如说，使用指令

尽管不推荐，但您可以简单地将jQuery代码移动到控制器/指令中。Angular提供，它是jQuery的一个子集。如果在Angular之前加载jQuery，则需要将jQuery代码重写为Angular样式。比如说，使用指令

尽管不推荐，但您可以简单地将jQuery代码移动到控制器/指令中。Angular提供，它是jQuery的一个子集。如果在AngularJS之前加载jQuery，那么

jqLite===jQuery

它能与AngularJS一起工作吗？

jQuery

将与

AngularJS

一起使用。它不在乎是否使用

AngularJS

。同样地，

AngularJS

对

jQuery

也有同样的感受

要使

jQuery

工作，它只需要

jQuery

对象

即可执行操作。对于

AngularJS

，它希望与角度相关的

属性

完好无损，不会被jQuery等外部因素删除

因此，

jQuery

是否会与

AngularJS

-Yes一起工作

您是否应该将

jQuery

与

AngularJS

-No一起使用

如果是，如何在控制器（或指令？——是DOM操作？）中正确编写此代码 编写一个指令-称之为贪婪导航菜单/greedyNavMenu或任何你喜欢的东西。作为

属性

传递

对象中的菜单项

，并让

指令

处理该行为

我很方便地要求您避免使用

jQuery

和“编写一个指令”，在没有

jQuery

的情况下执行DOM操作

下面是执行DOM操作所需的内容

还要获取

角度元素的输入
——使用JavaScript的文档。getElementBy*

您可以在jqLite
包中获得jQuery
库的子集-可通过angular元素使用
如果您对jqLite
中的函数不满意，请继续添加jQuery
，但确保使用angular apply
将它们包含在摘要
循环中，并且只在指令
中使用jQuery

进一步阅读-它是否适用于AngularJS？
jQuery
将与AngularJS
一起使用。它不在乎是否使用AngularJS。
同样地，AngularJS
对jQuery
也有同样的感受
要使jQuery
工作，它只需要jQuery
对象即可执行操作。
对于AngularJS
，它希望与角度相关的属性
完好无损，不会被jQuery等外部因素删除
因此，jQuery
是否会与AngularJS
-Yes一起工作
您是否应该将jQuery
与AngularJS
-No一起使用
如果是，如何在控制器（或指令？——是DOM操作？）中正确编写此代码
编写指令-称之为贪婪导航菜单/gr