gooy / aurelia-compiler Goto Github PK

Getting TypeError: obj is undefined with that code when adding row:

markdown.setAttribute('if.bind', 'test');

app.html:

<side-bar if.bind="state.showNav" navigation.bind="nav.tree"></side-bar>

side-bar.js

import {bindable, noView} from 'aurelia-framework';
import {Compiler} from 'gooy/aurelia-compiler';

@noView
export class SideBar {

  static inject() {return [Compiler, Element]}

  @bindable navigation = null;
  test = true;

  constructor(compiler, element){

    this.compiler = compiler;
    this.element = element;



  }

  activate(){
    console.log("SideBar", "activate");
  }

  deactivate(){
    console.log("SideBar", "deactivate");
  }

  bind(context) {
    console.log("SideBar", "bind", this.navigation);

  }

  unbind() {
    console.log("SideBar", "unbind");
  }

  attached() {
    console.log("SideBar", "attached", this.navigation);

    var markdown = document.createElement("div");
    markdown.setAttribute('if.bind', 'test'); // triggers error
    this.element.appendChild(markdown);
    this.compiler.compile(markdown);

  }

  detached() {
    console.log("SideBar", "detached");

  }

}

When I import the compiler like this:

import {Compiler} from 'gooy/aurelia';

And then try to run that module in the browser, I get this error:

GET http://localhost:9000/dist/gooy/aurelia.js 404 (Not Found)

I have the following:

import {Compiler} from 'gooy/aurelia-compiler';

 @autoinject
 export class PopoverErrorRenderer extends ErrorRenderer {

     compiler: Compiler;

     constructor(compiler: Compiler) {
         super();
         this.compiler = compiler;
     }
     ...

This generates a "badKeyError" in Dependency Injection.

Error: key/value cannot be null or undefined. Are you trying to inject/register something that doesn't exist with DI? at Container.get [email protected]/aurelia-dependency-injection.js:473:15

Is this library meant to be used with the latest aurelia release? I had some trouble installing this plugin and I saw the note that "this library will be refactored and parts of it will be included into the core", I wasn't sure if it was user error on my part or if I should be looking into using core functionality instead?

I am using the compile method in my project to compile a piece of DOM in the leaflet map view.
you can check out the code here:
https://github.com/capaj/postuj-hovna/blob/d493d78e61094e4f7be274a9e336f72b64f720a8/www/components/map.js#L90

I would expect this to compile a DOM which has my map-popup-content behaviour and trigger that behaviour. Instead nothing happens, not even a console error. Am I doing something wrong?