我有customAttribute的问题 . 我想用它来插入jquery-ui datepicker . 从这里采取的想法:http://www.danyow.net/jquery-ui-datepicker-with-aurelia/
然而,看起来它根本不起作用 . 我试图调试应用程序,看起来像attach@datePicker.js根本没有被解雇 . 但是,正在从服务器请求文件本身 . 最糟糕的是我昨天晚上工作了,但今天早上......
我在我的骨架应用程序的fork中创建了一个简单的示例:https://github.com/Exsilium122/skeleton-navigation因此可以克隆并运行以进行故障排除 .
最重要的两个文件:
welcome.html
<template>
<require from="./resources/datepicker"></require>
<input id="myDate" datepicker="datepicker" value.bind="timestamp | dateFormat"/>
</template>
datepicker.js
import {inject, customAttribute} from 'aurelia-framework';
import 'jquery-ui';
import 'jquery-ui/themes/cupertino/jquery-ui.css!';
@customAttribute('datepicker')
@inject(Element)
export class Datepicker {
constructor(element) {
this.element = element;
}
attached = () => {
console.log("attached Datepicker");
$(this.element).datepicker({
dateFormat: 'mm/dd/yy'
}).on('change', e => fireEvent(e.target, 'input'));
}
detached = () => {
console.log("detached Datepicker");
$(this.element).datepicker('destroy').off('change');
}
}
function createEvent(name) {
var event = document.createEvent('Event');
event.initEvent(name, true, true);
return event;
}
function fireEvent(element, name) {
var event = createEvent(name);
element.dispatchEvent(event);
}
并且控制台很干净:
DEBUG [aurelia]加载插件http:// localhost:9000/jspm_packages/github/aurelia/templating-binding@0.16.1 . aurelia-logging-console.js:38 DEBUG [aurelia]配置的插件http:// localhost:9000/jspm_packages/github/aurelia/templating-binding@0.16.1 . aurelia-logging-console.js:38 DEBUG [aurelia]加载插件http:// localhost:9000/jspm_packages/github/aurelia/templating-resources@0.16.1 . aurelia-logging-console.js:38 DEBUG [aurelia]配置的插件http:// localhost:9000/jspm_packages/github/aurelia/templating-resources@0.16.1 . aurelia-logging-console.js:38 DEBUG [aurelia]加载插件http:// localhost:9000/jspm_packages/github/aurelia/history-browser@0.9.0 . aurelia-logging-console.js:38 DEBUG [aurelia]配置的插件http:// localhost:9000/jspm_packages/github/aurelia/history-browser@0.9.0 . aurelia-logging-console.js:38 DEBUG [aurelia]加载插件http:// localhost:9000/jspm_packages/github/aurelia/templating-router@0.17.0 . aurelia-logging-console.js:38 DEBUG [aurelia]配置的插件http:// localhost:9000/jspm_packages/github/aurelia/templating-router@0.17.0 . aurelia-logging-console.js:38 DEBUG [aurelia]加载插件http:// localhost:9000/jspm_packages/github/aurelia/event-aggregator@0.9.0 . aurelia-logging-console.js:38 DEBUG [aurelia]配置的插件http:// localhost:9000/jspm_packages/github/aurelia/event-aggregator@0.9.0 . aurelia-logging-console.js:38 DEBUG [aurelia]加载插件资源/索引 . aurelia-logging-console.js:38 DEBUG [aurelia]配置的插件资源/索引 . aurelia-logging-console.js:46 INFO [aurelia] Aurelia启动aurelia-logging-console.js:38 DEBUG [模板]导入http:// localhost:9000 / dist / app.html [“nav-bar”的资源 . html“,”bootstrap / css / bootstrap.css“] aurelia-logging-console.js:38 DEBUG [模板]导入资源http:// localhost:9000 / dist / nav-bar.html [] aurelia-logging- console.js:38 DEBUG [模板]导入http:// localhost:9000 / dist / welcome.html [“http:// localhost:9000 / dist / resources / datepicker”]的资源
2 回答
刚做了一个:
从你的回购中克隆
npm install jspm
npm安装
jspm install -y
你猜怎么着 . 有用 :)
http://imagebin.ca/v/2KV4cFzITHtX
需要将
attached = () => {
更改为attached() {
,如gitter中所述 .detached
方法需要进行相应的更改 .这个问题可以被关闭 - OP在aurelia gitter中解决了问题 .