Aurelia customAttribute non funzionante

Question

Ho un problema con customAttribute. Voglio usarlo per collegare jquery-ui datepicker. Idea presa da qui: http://www.danyow.net/jquery-ui-datepicker-with-aurelia/

Tuttavia sembra che non funzioni affatto. Ho provato a eseguire il debug dell'applicazione e sembra che attach@datePicker.js non sia stato attivato. Tuttavia, il file stesso viene richiesto dal server. La cosa peggiore è che ho dovuto farlo funzionare ieri sera, ma la mattina di oggi ...

ho creato semplice esempio nella mia forcella di applicazione scheletro: https://github.com/Exsilium122/skeleton-navigation modo che sia pronto per essere clonato e correre per Risoluzione dei problemi.

Le più importanti due file:

---

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); 
} 

---

e la console è pulita:

DEBUG [aurelia] Caricamento plug-in http://localhost:9000/jspm_packages/github/aurelia/templating-binding@0.16.1. aurelia-logging-console.js: 38 DEBUG [aurelia] Plugin configurato http://localhost:9000/jspm_packages/github/aurelia/templating-binding@0.16.1. aurelia-logging-console.js: 38 DEBUG [aurelia] Caricamento plug-in http://localhost:9000/jspm_packages/github/aurelia/templating-resources@0.16.1. aurelia-logging-console.js: 38 DEBUG [aurelia] Plugin configurato http://localhost:9000/jspm_packages/github/aurelia/templating-resources@0.16.1. aurelia-logging-console.js: 38 DEBUG [aurelia] Caricamento plug-in http://localhost:9000/jspm_packages/github/aurelia/history-browser@0.9.0. aurelia-logging-console.js: 38 DEBUG [aurelia] Plugin configurato http://localhost:9000/jspm_packages/github/aurelia/history-browser@0.9.0. aurelia-logging-console.js: 38 DEBUG [aurelia] Caricamento plug-in http://localhost:9000/jspm_packages/github/aurelia/templating-router@0.17.0. aurelia-logging-console.js: 38 DEBUG [aurelia] Plugin configurato http://localhost:9000/jspm_packages/github/aurelia/templating-router@0.17.0. aurelia-logging-console.js: 38 DEBUG [aurelia] Caricamento plug-in http://localhost:9000/jspm_packages/github/aurelia/event-aggregator@0.9.0. aurelia-logging-console.js: 38 DEBUG [aurelia] Plugin configurato http://localhost:9000/jspm_packages/github/aurelia/event-aggregator@0.9.0. aurelia-logging-console.js: 38 DEBUG [aurelia] Caricamento risorse/indice plugin. aurelia-logging-console.js: 38 DEBUG [aurelia] Risorse plugin/indice configurate. aurelia-logging-console.js: 46 INFO [aurelia] Aurelia Started aurelia-logging-console.js: 38 DEBUG [templating] importazione di risorse per http://localhost:9000/dist/app.html ["nav-bar.html", "bootstrap/css/bootstrap. css "] aurelia-logging-console.js: 38 DEBUG [templating] importazione di risorse per http://localhost:9000/dist/nav-bar.html [] aurelia-logging-console.JS: 38 DEBUG [template] risorse importazione per http://localhost:9000/dist/welcome.html [ "http://localhost:9000/dist/resources/datepicker"]

Answer 1

attached =() => { doveva essere cambiato a attached() {, come discusso nel gitter.

Per il metodo detached sono necessarie modifiche corrispondenti.

Questa domanda può essere chiuso- l'OP ha ottenuto il problema risolto nel Gitter Aurelia.

Answer 2

appena fatto un:

• clone dalla repo
• npm installare JSPM
• npm installare
• jspm install -y

e congettura wh a. funziona :)

http://imagebin.ca/v/2KV4cFzITHtX