Javascript angular js-包括jquery插件

我刚刚踏入了一个新的领域

我已经创建了单页web应用程序

现在我想在项目中添加一些jquery插件，但是直接的jquery方法不起作用

我在谷歌上搜索了一下。其中一个。Plunkr不起作用。另一个，但没有文档

我找不到包含插件的文档

我所发现的只是创建指令。还有一些关于角度指令的基本信息。但是这些基本步骤对于我参与创建jquery插件的自定义指令来说并不好

我试图在我的angular项目中包括jquery sparkline。找到了。但是我不知道如何使用它

• 如何包含其他各种jquery插件
• 我应该如何设计包含jquery插件的指令
• 有没有其他类似于highcharts ng的angular插件

---

提前感谢。

这个答案并不是直接针对您的具体情况-使用sparkline-不过更一般的是“如何使用jquery插件和angular”

根据插件的不同，其中一些插件可能很难“角度化”

也就是说，正如您所提到的，您的第一步将是使用are指令。这些就是您操作DOM的方法

因此，作为一个起点，我倾向于将我的JQuery插件（如果没有可用的插件）包装到一个指令中

类似于这个伪代码

myApp.directive('myPluginWrapper', function(){
    return{
       restrict: 'A', // not needed, but what i use
       link: function(scope,element,attrs){
         // element, in this case, is the same as jquery $(myelement)
          // if your jquery plugin runs off the element you can do something like:
           element.myPlugin();

          // if your plugin takes options you can put these in your directive attributes
          // E.G the example plugin wants an ID 3
          var pluginData = {};
          pluginData.ID = attrs.myDirectiveDataId;

          // then pass it into your plugin
           element.myPlugin(pluginData);

      }

    }
});

然后，您可以在html中使用以下命令：

<div my-pluggin-wrapper  my-directive-data-id="3"></div>

同样，这只是一个示例，说明如何在基本级别上在给定元素上启动jquery插件

需要记住的重要一点是，如果您正在加载Jquery，那么

元素

---

此外，一本必读读物——当你步入角度时，最困难的部分是尽量不在JQuery中思考。。读这个，这是一本很棒的书

这里有很多示例，但是如果您针对您的问题生成一些代码并询问这些问题，这将有所帮助。谢谢。他对我很有帮助。