Question

我在Angular 2项目中使用Jquery-Comment。正如文档中所述，我将脚本和css文件添加到 Index.html页面，并在脚本标记中通过调用我的注释TextBox id进行初始化。在运行时，我在控制台中收到此错误。

未捕获的TypeError：$（...）。comments不是函数

任何人都可以告诉我如何解决这个问题？或者还有其他方法可以添加Jquery-Comment plugin in Angular project using npm吗？我没找到任何东西。

我正在我的索引页面，标签

中初始化Jquery-Comment

$('#myCommentTextBoxId').comments({
profilePictureURL: 'https://app.viima.com/static/media/user_profiles/user-
icon.png',
getComments: function(success, error) {
    var commentsArray = [{
        id: 1,
        created: '2015-10-01',
        content: 'Lorem ipsum dolort sit amet',
        fullname: 'Simon Powell',
        upvote_count: 2,
        user_has_upvoted: false
    }];
    success(commentsArray);
}
});

Answer 1

您是否在组件或typings.d.ts中声明了jquery变量：

declare var jquery:any;
declare var $ :any;

您可以使用npm

安装jquery_comments

npm install jquery-comments --save

如果您使用angular-cli，可以将脚本添加到angular-cli.json，然后您不需要在index.html中包含scripts / css

"apps": [{
  ...
   "styles": [

    "../node_modules/jquery-comments/css/jquery_comments.css",

  ],
  "scripts": [
    "../node_modules/jquery/dist/jquery.min.js",
     "../node_modules/jquery-comments/js/jquery-comments.js",
  ],
  ...
}]

如何在Angular 2及更高版本中使用Jquery-Comment

1 个答案: