0

カスタム要素を実装するビュー/コンポーネントがいくつかあるので、次のようにマークアップで使用します。

  <require from="./panels/property_inspector/PropertyInspector"></require>
  <property-inspector--panel></property-inspector--panel>

ここまでは順調ですね。しかし今、これらの種類のビュー/コンポーネントをプログラムで追加/削除する必要があります。私は aurlia ハブを読んでいましたが、成功しませんでした...ヒントをいただければ幸いです。

4

1 に答える 1

0

あなたが達成しようとしていることに応じて、私はあなたに役立つcomposeかもしれない@peinarydevelopmentに同意します. 作成ドキュメントを参照してください

要素を使用して、属性をビュー モデルのプロパティに<compose>バインドできます。view-modelこのプロパティは、ビュー モデルへのパス、またはインポートされたビュー モデルの実際のインスタンスを指定する必要があります。

例：

app.html

<template>
  <h2>dynamic view model by path</h2>

  <button click.trigger="loadNewViewModel()">Load different vm</button>

  <compose view-model="${currentViewModel}"></compose>

</template>

app.js

export class App {

  currentViewModel = "test.js";

  loadNewViewModel(){
    this.currentViewModel = "new.js"
  }
}

この要点を参照してください: https://gist.run/?id=a2f17028d45ea202cd19be5491272dde

于 2016-09-14T13:08:00.353 に答える