Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何在ngOnInit或构造函数中使用$?_Jquery_Angular_Typescript - Fatal编程技术网

Jquery 如何在ngOnInit或构造函数中使用$?

Jquery 如何在ngOnInit或构造函数中使用$?,jquery,angular,typescript,Jquery,Angular,Typescript,我在构造函数中使用$时遇到问题。 恩戈尼尼特() 即时翻译等。 这是我的密码: declare var $: any; { var SelectedDevice = $("#select2-example-basic".val(); } 这就是我尝试运行此代码时得到的结果 我不知道为什么我不能在constructurngOnInit

我在构造函数中使用$时遇到问题。 恩戈尼尼特() 即时翻译等。 这是我的密码:

declare var $: any;
{
    var SelectedDevice = $("#select2-example-basic".val();
}
这就是我尝试运行此代码时得到的结果

我不知道为什么我不能在constructur
ngOnInit
等中使用
$
,但它可以在其他功能中使用,例如:在

onClick(){
    var infoDataTable = $('#basic-table').DataTable().page.info();
}
。。没有错误或失败

这是我的html代码:

    <div class="table-responsive">
        <table id="basic-table" class="data-table table table-striped nowrap table-hover" cellspacing="0" width="100%">
            <thead>
                <tr>
                    <th>{{'Plate'|translate}}</th>
                    <th>{{'Driver Name'|translate}}</th>
                    <th>{{'Start Time'|translate}}</th>
                    <th>{{'Starting Address'|translate}}</th>
                    <th>{{'End Time'|translate}}</th>
                    <th>{{'Ending Address'|translate}}</th>
                    <th>{{'Work Duration'|translate}}</th>
                    <th>{{'Distance'|translate}}</th>
                </tr>
            </thead>
            <tbody>
                <tr *ngFor="let item of workDataReportList">
                    <td>{{item.Name}}</td>
                    <td>{{item.DriverName}}</td>
                    <td>{{item.StartTime | date:'dd.MM.yy hh:mm'}}</td>
                    <td>{{item.StartAddress}}</td>
                    <td>{{item.EndTime | date:'dd.MM.yy hh:mm'}}</td>
                    <td>{{item.EndAddress}}</td>
                    <td>{{item.RunningTime}}</td>
                    <td>{{item.Km | distance}}</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

{{'Plate'| translate}}
{{'Driver Name'| translate}}
{{‘开始时间’|翻译}
{{‘起始地址’|翻译}
{{‘结束时间’|翻译}
{{'end Address'| translate}}
{{‘工作时间’|翻译}
{{'Distance'| translate}}
{{item.Name}
{{item.DriverName}
{{item.StartTime}日期:'dd.MM.yy hh:MM'}
{{item.StartAddress}
{{item.EndTime}日期:'dd.MM.yy hh:MM'}
{{item.EndAddress}
{{item.RunningTime}
{{item.Km | distance}}
我想知道是否有可能帮助我了解如何使用$来解决这个问题? 先谢谢你


在执行npm install@types/jquery时,我遇到了以下错误:

而不是
声明var$:any

尝试安装jQuery的类型定义:

npm install @types/jquery

您可以安装jquery库:
npm安装--save@types/jquery

您应该改用jQuery$ 例如:


我已经试过了。但它不起作用。下面是我得到的信息:“模块构建失败:错误:……:Modue'jqueryt'没有默认导出。)”我还编写了'import$from“jquery”`来解决这个错误。而且它也不起作用。@DeryaAcar请粘贴您收到的确切错误。不要简单地键入它,因为你会得到不正确的解决方案(例如,你拼错了jqueryt,我们无法判断错误是因为你在代码中拼错了它,还是在编写错误消息时拼错了它)。FWIW,^这篇文章是通过谷歌搜索“angular2和jquery”找到的。这是第一个结果。下次请多做一些研究。这并不意味着这和你通过谷歌搜索发现的是同一件事。这就是为什么我写在这里来解决这个问题。
jQuery("#select2-example-basic".val();