使用javascript和navigo导航到详细信息页面

Question

我正在使用firestore中的示例代码，我设法从数据库中获取数据。当我单击一个项目时，地址在浏览器中会更改，但内容不会更改。 我不知道是什么控制点击功能（这是我第一次尝试使用JavaScript）。 我怎样才能解决这个问题 ？ 而且，如果我在浏览器中输入mysite.com/group/item之类的网址，是否可以直接访问详细信息？因为当前找不到404页面！

我认为是相关的代码：

 var data = doc.data();
    data['.id'] = doc.id;
    data['go_to_restaurant'] = function () {
        that.router.navigate('/android/' + doc.id);
    };

路由器：

  this.router
.on({
  '/': function() {
    that.updateQuery(that.filters);
  }
})
.on({
  '/setupr': function() {
    that.viewSetup();
  }
})
.on({
  '/android/*': function() {
    var path = that.getCleanPath(document.location.pathname);
    var id = path.split('/')[2];
    that.viewRestaurant(id);
  }
})
.resolve();