如何在模板中处理异步布尔值

// 异步操作获取布尔值的示例函数
function fetchData() {
  return new Promise((resolve, reject) => {
    // 模拟异步操作
    setTimeout(() => {
      const data = true; // 假设从异步操作中获取了一个布尔值
      resolve(data);
    }, 2000);
  });
}

// 使用Handlebars模板引擎处理异步布尔值的示例
const source = document.getElementById('template').innerHTML;
const template = Handlebars.compile(source);
const container = document.getElementById('container');

// 渲染模板
function renderTemplate() {
  container.innerHTML = template({
    loading: true // 初始状态为加载中
  });

  // 异步获取数据
  fetchData()
    .then(data => {
      // 数据加载成功后重新渲染模板
      container.innerHTML = template({
        loading: false, // 加载状态结束
        value: data // 实际布尔值
      });
    })
    .catch(error => {
      // 数据加载失败处理
      container.innerHTML = template({
        loading: false, // 加载状态结束
        error: true // 显示错误信息
      });
    });
}

// 初始化
renderTemplate();