如何让 aurelia-cli 和 Syncfusion non aurelia-syncfusion-bridge 工作？

Question

Windows 7 x64

aurelia-cli 0.23.0

syncfusion 14.4.20

jquery 3.1.1

我看到了与此相关的另一个问题，但它似乎没有遵循 bootstrap 示例。我相信 Syncfusion 也应该使用 bootstrap 示例作为模板进行设置，但我似乎无法让它工作。

我的测试项目只是一个具有默认设置的新 aurelia-cli 项目。我以 ejDatePicker 控件为例。

aurelia.json 我加了

    {
        "name": "jsrender",
        "path": "../node_modules/jsrender",
        "main": "jsrender",
        "deps": ["jquery"],
        "exports": "$"
      },
      {
            "name": "syncfusion",
            "path": "../node_modules/syncfusion-javascript",
            "main": "/Scripts/ej/web/ej.web.all.min",
            "deps": ["jquery", "jsrender"],
            "exports": "$",
            "resources": [
              "Content/ej/web/ej.widgets.core.min.css",
              "Content/ej/web/bootstrap-theme/ej.theme.min.css"
            ]
          }

app.html

<template>
  <require from="syncfusion/Content/ej/web/ej.widgets.core.min.css"></require>
  <require from="syncfusion/Content/ej/web/bootstrap-theme/ej.theme.min.css"></require>
  <!--Container for ejDatePicker widget-->
  <input id="startDate" type="text" />
</template>

app.js

export class App {
  constructor(){
    $("#startDate").ejDatePicker();
  }
}

main.js

import 'jquery';
import 'jsrender'
import 'syncfusion'
......

我没有收到任何错误，但控件没有显示。但是，如果我从 aurelia.json 中删除 suncfusion 配置，那么 $("#startDate").ejDatePicker(); 会抱怨 ejDatePicker 无效，所以对我来说这意味着 aurelia.json 中的配置正在引入正确的 javascript 文件.

Answer 1

我有 $("#startDate").ejDatePicker();在构造函数中而不是 attached()。在我进行更改后它正在工作。

如何让 aurelia-cli 和 Syncfusion non aurelia-syncfusion-bridge 工作？

How to get aurelia-cli and Syncfusion non aurelia-syncfusion-bridge to work?

syncfusion

aurelia