Question

我正在尝试在Angular 4项目中使用jquery-ui.accordion功能但是没有工作，.accordion功能在我的模板上不起作用。

的package.json

...
"dependencies": {
 "@types/jquery": "^3.3.1",
 "@types/jqueryui": "^1.12.2",
 "jqueryui": "^1.11.1",
}

角cli.json

"styles": [
        "../node_modules/bootstrap/dist/css/bootstrap.min.css",
        "../node_modules/jqueryui/jquery-ui.min.css"
      ],
      "scripts": [
        "assets/js/jquery/dist/jquery.min.js",
        "../node_modules/bootstrap/dist/js/bootstrap.min.js",
        "../node_modules/jqueryui/jquery-ui.min.js"
      ],

我的 - 电流 - products.component.ts

import * as $ from 'jquery';
import 'jqueryui'

...

ngAfterViewInit(): void {

    $("#accordion").accordion({
      collapsible: true,
      active: false,
      heightStyle: "content"
    });
  }

我的 - 电流 - products.component.html

<div class="brand summary__home" id="accordion">
   <h3 *ngIf="localPayment">
     <p> some text </p>
   </h3>
</div>

修改

使用angular 4指令时不会出现手风琴。

任何帮助？

jquery-ui无法在角度4项目

0 个答案: