使用promise的Aurelia - value转换器

// 定义一个value转换器
export class PromiseValueConverter {
  toView(value) {
    // 返回一个Promise对象
    return new Promise((resolve, reject) => {
      // 模拟异步操作
      setTimeout(() => {
        if (value) {
          resolve(`Hello, ${value}!`);
        } else {
          reject('Value is undefined');
        }
      }, 1000);
    });
  }
}

// 在视图模型中使用转换器
export class MyViewModel {
  name = 'World';
}

// 在视图中使用转换器
<template>
  <div>
    <!-- 使用转换器 -->
    <span>${name | promiseValue}</span>
  </div>
</template>

import { Container } from 'aurelia-dependency-injection';
import { PromiseValueConverter } from './promise-value-converter';

let container = new Container();
container.registerInstance('promiseValue', new PromiseValueConverter());

// 视图模型
export class MyViewModel {
  name = 'World';
}

// 视图
<template>
  <div>
    <span>${name | promiseValue}</span>
  </div>
</template>

export class PromiseValueConverter {
  toView(value) {
    return new Promise((resolve, reject) => {
      setTimeout(() => {
        if (value) {
          resolve(`Hello, ${value}!`);
        } else {
          reject(new Error('Value is undefined'));
        }
      }, 1000);
    });
  }
}