ViewModel-less aureliaのmodel.bindで作成

Question

私は、メインビューがリピータの別の部分ビューを構成する部分ビューを構成する構造を持っています。

例：

メインビュー

<template> 
    <h1>${factory.name}</h1> 
    <div class="column"> 
     <compose view="./cars.html"></compose> 
    </div> 
</template> 

車

<template repeat.for="car of factory.cars"> 
    <compose view="./specifications.html model.bind="{test: 'abc}"></compose> 
</template> 

仕様は

を表示表示0

<template repeat.for="car of factory.cars"> 
    <h1>${$parent.$parent.factory.name} - ${car.name}</h1> 
    ${test} 
</template> 

私が直面している問題は、model.bindが動作しないことです。私は上記のtestで試しましたが、私が実際に渡したいのは$parent.$parent.factoryなので$parent.$parent.factory.nameをspecifications viewに出力できます。

（結合が必要である ので、私は、私はこのようにそれを印刷することができます知っているが、シナリオは道より複雑になります）

両方specificationsとcarsビューがのviewmodelレスであることを言及する価値があります。 mainビューのみが、factoryとcarsから来ているビューモデルを持っています。

According to this page私がしようとしていることは可能ですが、私が間違っていることについて私の頭を包み込むことはできません。

Answer 1

htmlファイルだけで構成する場合、参照されるhtmlファイルのビューモデルは、compose要素が配置される場所と同じです。つまり、親のビューモデルを継承します。したがって、モデルを提供する必要はありません。

メインビュー

<template> 
    <h1>${factory.name}</h1> 
    <div> 
     <compose view="./cars.html"></compose> 
    </div> 
</template> 

cars.html

<template> 
    <div repeat.for="car of factory.cars"> 
    <compose view="./specifications.html"></compose> 
    </div> 
</template> 

specifications.html

<template> 
    <h1>${factory.name} - ${car.name}</h1> 
</template> 

はトンを見てみましょう彼のGistRun example。

Answer 2

@ Jeff Gは正しいと言いましたが、私の問題を解決したのは、すべての作品に使用できるシンプルなビューモデルを作成することでした。それは次のように探しています：

<compose 
     view="./car.html" 
     view-model="../view-models/main" 
     model.bind="$parent.$parent.factory"> 
    </compose>