僅限檢視

據推測,使用 compose 的最簡單方法是僅使用 View。這允許你包含 HTML 模板,而無需為每個模板宣告具有可繫結屬性的 ViewModel,從而可以更輕鬆地重用較小的 HTML 片段。

View 的 BindingContext(ViewModel) 將設定為父 ViewModel 的 BindingContext(ViewModel)

用法

SRC / app.html

<template>
  <compose view="./greeter.html"></compose>
</template>

SRC / greeter.html

<template>
    <h1>Hello, ${name}!</h1>
</template>

SRC / app.ts

export class App {
  /* This property is directly available to the child view
     because it does not have its own ViewModel */
  name = "Rob"; 
}