如何将数据模板化为Smart Admin主题的Ajax版本？

Question

我正在为客户构建一个应用程序,我在beck端使用Laravel5开发Web服务,我将使用Smart Admin主题,特别是Ajax版本来使用它.

我已经使用过这个主题的HTML版本,我仍然使用Laravel作为后端.我可以简单地使用Laravel提供的Blade模板引擎并将数据注入视图中.

但是现在因为我将使用Ajax版本,我应该如何将数据模板化到视图中.我可以请求Web服务获取数据,它将以JSON格式返回.这部分对我来说很清楚,就像我以前做过的那样.

大多数小部件都有内置的集成,例如jquery数据表和主题中使用的完整日历库.我可以看到这里会注入数据,但论坛和其他内容如何.我应该通过使用Jquery来操纵DOM,还是有更好的方法.

Angular提供了一种方法,我可以双向数据绑定传入的数据,我可以使用ng-repeat将其注入表和无序列表,但我将如何在此处完成此操作.我可以使用模板系统吗？

Answer 1

感谢您的回答，但不幸的是我无法理解这些。尽管如此，我还是很感谢您的意见。

最后我求助于rivet.js库。该库为构建现代 Web 应用程序提供了轻量级且强大的数据绑定 + 模板解决方案。

他们有很好的文档来帮助开发。

现在我可以简单地将数据模板化到视图中，如{ data.someAttribute }以下代码片段所示：

<section id="auction">
  <h3>{ auction.product.name }</h3>
  <p>Current bid: { auction.currentBid | money }</p>

  <aside rv-if="auction.timeLeft | lt 120">
    Hurry up! There is { auction.timeLeft | time } left.
  </aside>
</section>

然后我可以简单地将section#auction 标签与拍卖JSON 对象绑定在一起，如下所示：

rivets.bind($('#auction'), {auction: auction})

这使得从服务器获取数据并将数据模板化到视图中变得非常容易。现在，移动应用程序最终可以使用相同的后端 Web 服务。

我希望这可以帮助别人。:)