Question

我是Angular2的新手。我曾经这样做了一次，但是当我试图在家用电脑中设置相同的环境时，我无法做到这一点。

在我的 add-page.component.ts 中，我声明$和jquery是这样的： -

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

然后在ngAfterViewInit函数中，我正在运行此jquery。

ngAfterViewInit(){
    $(function(){
        if($('#desc').length>0)
        {
            $("#desc").Editor();  
            $(".Editor-editor").html($('#desc').text());
            $("#desc").val($('.Editor-editor').html()); 
        }
    });
}

然而，jquery不起作用。当我在alert('Hi')内但ngAfterViewInit()之外写$(document).ready(function(){})时，我正在收到警报。但$(document).ready(function(){})内的警报无法正常工作。因此，这意味着ngAfterViewInit正在运作，但不是$(document).ready(function(){})。

顺便说一下，在 index.html 文件中添加了jquery库： -

<script src="assets/admin-assets/bower_components/jquery/jquery.min.js"></script>

我做错了什么？

Answer 1

您不需要这行代码：

declare var jquery : any;

还要确保使用以下代码行从angular导入ngAfterViewInit：

import { ngAfterViewInit } from '@angular/core';

还要确保你的jquery文件存在于components文件夹中，如果你不知道如何，请尝试通过在脚本标记中更改引用为"https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"来使用CDN。

Jquery不在angular2中工作

1 个答案: