Framework7如何在弹出窗口中初始化自动完成组件

<div class="popup">
  <div class="view">
    <div class="page">
      <!-- 弹出窗口的内容 -->
    </div>
  </div>
</div>

<input type="text" id="autocomplete-input" placeholder="Search">

var app = new Framework7();

var autocomplete = app.autocomplete.create({
  inputEl: '#autocomplete-input',
  openIn: 'popup',
  // 其他自定义配置项
});

// 将自动完成组件添加到弹出窗口中
app.popup.create({
  content: '<div class="popup autocomplete-popup"><div class="view"><div class="page"><div class="navbar"><div class="navbar-inner sliding"><div class="left"><a href="#" class="link popup-close">Close</a></div></div></div><div class="toolbar"><div class="toolbar-inner"><div class="autocomplete"></div></div></div></div></div></div>',
  on: {
    open: function () {
      // 在弹出窗口打开时初始化自动完成组件
      autocomplete.init();
    }
  }
}).open();