使用 Aurelia router.navigate 传递对象到视图

Question

当我点击一行时，我需要做一个主从视图。我有code in a branchhere's the commit link。

  let urlDetail = this.router.generate('energy-details', {model: this.model});
  this.router.navigate(urlDetail);

这可行，但查询字符串很糟糕。如何将模型发送到内存中？

这真的很难找到一个例子。 https://github.com/softchris/aurelia 是最好的。 有没有更好的方法来做主从视图？我是 Aurelia 的新手。

http://localhost:5000/#/energy-details?model%5BdataSeriesId%5D=ES&model%5BcountryId%5D=392&model%5BcountryName%5D=Japan&model%5BtransactionCode%5D=01&model%5BcommodityTransactionId%5D=ES01&model%5BcommodityTransactionName%5D=Electricity%20-%20solar%20production%2C%20public&model%5Byear%5D=2000&model%5Bunit%5D=Kilowatt-hours%2C%20million&model%5Bquantity%5D=2&model%5BfootnoteSequenceId%5D=0.

Answer 1

如果您不想使用 id，请重新考虑。通常情况下，您需要进行新查询才能获得更多数据。

如果您的用例不可能，那么拥有一个 DataManager 单例可能是有意义的。

• 创建一个 DataManager 类，将其注入到 List 和 Detail ViewModel 中。默认情况下，每个注入的类都是 aurelia 中的单例
• 在 ViewModel 列表中，确保您的数据保存在 DataManager 中
• 仅通过 id 进行路由
• 在 ViewModel 的详细信息中调用 DataManger 的方法 getModelById(id)