【问题标题】:bootstrap modal not open using jquery in typescript class in angularjs2 (rc5)在angularjs2(rc5)的typescript类中使用jquery无法打开引导模式
【发布时间】:2016-08-26 14:45:31
【问题描述】:

我正在使用打字稿开发angular2(rc-5) 应用程序。我刚刚制作了一个加载器组件,它只需要在 typescript 类函数中使用 jquery 打开模式。但是找不到$和模态函数?

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

@Component({
  moduleId: module.id,
  selector: 'app-loader',
  templateUrl: 'loader.component.html',
  styleUrls: ['loader.component.css'] 
})
export class LoaderComponent {

  constructor() { }

  @Input() message = "finally inside child scope.";

  showLoader(){
      $("#loaderModal").modal('show'); // error on this line
  }

}

错误报告: 错误:-“ElementFinder”类型上不存在属性“modal”。

感谢您的帮助。

【问题讨论】:

    标签: angular typescript bootstrap-modal


    【解决方案1】:

    这是运行时错误还是编译错误?

    如果是编译错误需要安装typings:

    为 jquery 和 bootstrap typings install dt~jquery dt~bootstrap --global --save安装类型

    您可以在此处找到有关类型的更多信息:https://github.com/typings/typings

    如果是运行时错误,您应该将 jquery 和 bootstrap 导入到您的 typescript 文件中。你用什么模块加载器?

    【讨论】:

    • 它是一个编译时错误,我安装了你提到的所有这些东西(打字),但仍然给出同样的错误。
    • 查看我上面添加的图片。
    • document.getElementById('loaderModal').style.display = 'block';
    • 可能是包含打字的问题。您的 tsconfig.json 看起来如何?您是否尝试在没有构建工具的情况下从命令行使用 typescript 编译器?顺便说一句:我还建议使用 ng-bootstrap.github.iovalor-software.com/ng2-bootstrap 这样你就不再需要 jQuery 了;)
    【解决方案2】:

    你有没有声明$ whith的nes含义:

    声明 var $: JQueryStatic;

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-10-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-06-05
      • 1970-01-01
      • 1970-01-01
      • 2017-08-10
      相关资源
      最近更新 更多