Aurelia customAttribute funktioniert nicht

Question

Ich habe ein Problem mit CustomAttribute. Ich möchte es verwenden, um jquery-ui datepicker anzuschließen. Idee von hier genommen: http://www.danyow.net/jquery-ui-datepicker-with-aurelia/

Es sieht jedoch so aus, als ob es überhaupt nicht funktioniert. Ich habe versucht, die Anwendung zu debuggen und es sieht so aus, als ob attached@datePicker.js überhaupt nicht gefeuert wird. Die Datei selbst wird jedoch vom Server angefordert. Das Schlimmste ist, dass ich es Arbeit gestern Abend hatte, aber heute Morgen ...

Ich habe in meiner Gabel des Skeletts Anwendung einfaches Beispiel erstellt: https://github.com/Exsilium122/skeleton-navigation so ist es bereit für troubleshoot zu werden geklont und auszuführen.

Die wichtigsten zwei Dateien:

---

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

---

und die Konsole ist sauber:

DEBUG [Aurelia] Lade Plugin http://localhost:9000/jspm_packages/github/aurelia/templating-binding@0.16.1. aurelia-logging-console.js: 38 DEBUG [aurelia] Konfiguriertes Plugin http://localhost:9000/jspm_packages/github/aurelia/templating-binding@0.16.1. Aurelia-Logging-Konsole.js: 38 DEBUG [Aurelia] Lade Plugin http://localhost:9000/jspm_packages/github/aurelia/templating-resources@0.16.1. aurelia-logging-console.js: 38 DEBUG [aurelia] Konfiguriertes Plugin http://localhost:9000/jspm_packages/github/aurelia/templating-resources@0.16.1. Aurelia-Logging-Konsole.js: 38 DEBUG [Aurelia] Lade Plugin http://localhost:9000/jspm_packages/github/aurelia/history-browser@0.9.0. aurelia-logging-console.js: 38 DEBUG [aurelia] Konfiguriertes Plugin http://localhost:9000/jspm_packages/github/aurelia/history-browser@0.9.0. Aurelia-Logging-Konsole.js: 38 DEBUG [Aurelia] Lade Plugin http://localhost:9000/jspm_packages/github/aurelia/templating-router@0.17.0. aurelia-logging-console.js: 38 DEBUG [aurelia] Konfiguriertes Plugin http://localhost:9000/jspm_packages/github/aurelia/templating-router@0.17.0. Aurelia-Logging-Konsole.js: 38 DEBUG [Aurelia] Lade Plugin http://localhost:9000/jspm_packages/github/aurelia/event-aggregator@0.9.0. aurelia-logging-console.js: 38 DEBUG [aurelia] Konfiguriertes Plugin http://localhost:9000/jspm_packages/github/aurelia/event-aggregator@0.9.0. aurelia-logging-console.js: 38 DEBUG [Aurelia] Laden Plugin-Ressourcen/Index. aurelia-logging-console.js: 38 DEBUG [aurelia] Konfigurierte Plugin-Ressourcen/Index. aurelia-logging-console.js: 46 INFO [aurelia] Aurelia Gestartet aurelia-logging-console.js: 38 DEBUG [templating] Importieren von Ressourcen für http://localhost:9000/dist/app.html ["nav-bar.html", "bootstrap/css/bootstrap. css "] aurelia-logging-console.js: 38 DEBUG [Templating] Importieren von Ressourcen für http://localhost:9000/dist/nav-bar.html [] Aurelia-Logging-Konsole.js: 38 DEBUG [Templat] Import Ressourcen für http://localhost:9000/dist/welcome.html [ "http://localhost:9000/dist/resources/datepicker"]

Answer 1

attached =() => { muß attached() { geändert werden, wie in dem gitter diskutiert.

Entsprechende Änderungen wurden für die detached Methode erforderlich.

Diese Frage kann geschlossen werden - das OP hat das Problem in der Aurelia gitter gelöst.

Answer 2

nur tat

• Klon von Ihrem Repo
• npm installieren jspm
• npm installieren
• jspm install -y

und raten Sie wh beim. es funktioniert :)

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