Aureliaで要素を作成する

Question

私は別の要素の中にAurelia要素を作成しようとしています。私はphosphorからドッキングフレームワークを使用しています。パネルを動的に作成すると、Aureliaを使用してビルドしたコンポーネントを追加したいと考えています。例えば

：私は非常に単純なロギング・コンポーネントを持っている：

Logging.html

<template> 
    <h1>Logging....</h1> 
</template> 

Logging.ts：

export class Logging { 
    constructor() { 
     console.log('Logging constructor') 
    } 
} 

予想通り、私は「ちょうど入れたときにコンポーネントが動作しますそれはページ上にある "。

今、私はこのような何か持っている蛍光体のウィジェット作成し、いくつかの方法の内側：、蛍光体パネルを与え、

var widget = new Widget(); 
widget.title = "Got Logs?"; 
var contentElement = document.createElement('logging'); 
widget.node.appendChild(contentElement); 
panel.insertBottom(widget); 

このコードをウィジェットを作成し、ように見える要素を作成：<logging></logging>をし、それを追加ウィジェットの内部ノードに渡します。結果として生じる「DOM」は正しいが、アウレリアは要素をレンダリングしない。

私もそうのようなTemplatingEngineを使用して試してみました：

import { inject, TemplatingEngine } from 'aurelia-framework'; 

@inject(TemplatingEngine) 
export class AureliaRoot { 
    constructor(templatingEngine) { } 

    attached() { 
     var contentElement = document.createElement("logging"), 
      el = document.getElementById("my-element"); 
     el.appendChild(contentElement); 
     templatingEngine.enhance({element: el, bindingContext: {}}); 
    } 
} 

しかし、実際に、私は右のそれを使用してい疑うと私はcompileを使用する必要があるかもしれないと思うが、これは、動作するようには思えません確かにそこにはありません。

洞察が得られるでしょう。

Answer 1

私は完全に答えることはできませんが、Aurelia ViewCompilerを使用して、Aureliaによって解析されるように生成されたHTMLの断片をコンパイルする必要があると思います。

詳細については、以下のリンクを見て試してみてください。How do you use ViewCompiler to manually compile part of the DOM?