@inlineViewからVMプロパティにアクセスできない

Question

ビューが小さいため、@inlineView()を使用する単純なカスタム要素をAureliaに作成しましたが、インラインビューからVMのプロパティの1つにアクセスしようとすると、 "プロパティは定義されていません";

import {inlineView} from 'aurelia-framework'; 

@inlineView(`<template><h1>${title}</h1></template>`) 
export class MyCustomElement { 
    constructor() { 
     this.title = 'Hello, World!'; 
    } 
} 

これは@bindableでも発生します。 <template><h1>${title}</h1></template>が解釈される場合

export class MyCustomElement { 
    @bindable title = 'Hello, World!'; 

    constructor() { 
    } 
} 

Answer 1

、インタプリタはまだ存在しないtitle変数を補間しようとします。問題は、あなたがそれが渡される前に、$ {タイトル}を評価するためにJavascriptを引き起こしているあなたのinlineViewデコレータでリテラルテンプレートを使用しているある

@inlineView('<template><h1>${title}</h1></template>') // without accents 

Answer 2

：

@inlineView(`<template><h1 innerHTML.bind="title"></h1></template>`) 

あるいはさらに簡単：これを試してみてくださいinlineViewデコレータ関数。その時点で、タイトルは存在しません。あなたはそうのようなテンプレート文字列の周りに（」または「）定期的な引用符を使用して、この例では通常の文字列を渡す必要があります！

@inlineView("<template><h1>${title}</h1></template>")