Question

我正在尝试在角度2.0组件中使用this日期时间选择器。

这是我的index.html

<head>
    <script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
</head>

这是我的组件文件

import { Component, OnInit } from '@angular/core';

@Component({
    selector : 'datepicker-display',
    template: `
    <div class="container">
        <div class="row">
            <div class='col-sm-6'>
                <div class="form-group">
                    <div class='input-group date' id='datetimepicker1'>
                        <input type='text' class="form-control" />
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    `
})

export class DatePickerDisplayComponent implement OnInit {

    ngOnInit(): void {
        $('#datetimepicker1').datetimepicker();  // don't want to initialize DP until component is initialized
    }
}

当我去编写打字稿时，我收到错误

app/components/datepicker-display.component.ts(28,9): error TS2304: Cannot find name '$'.

这对我来说很有意义，因为我没有明确声明此组件文件中存在“$”。但是，我现在不确定如何在我的一个组件中使用JQuery。如果我没记错的话，我在NG1中尝试做的事情会有效......我可以在我的index.html中包含jquery源代码并正常使用“$”。

在NG2中执行此操作的正确方法是什么？对于一些背景知识，我使用gradle来构建我的项目，使用node / npm插件。

如何将Jquery与我的angular 2组件一起使用？

0 个答案: