javascript - 如何将模板数据导入Ajax版Smart Admin主题？

Question

我正在为客户构建一个应用程序，我在后端使用 Laravel5 开发 Web 服务，我将使用 Smart Admin Theme 使用它，尤其是 Ajax 版本。

我已经使用过这个主题的 HTML 版本，并且我仍然使用 Laravel 作为后端。我可以简单地使用 Laravel 提供的 Blade 模板引擎并将数据注入(inject) View 。

但既然我将使用 Ajax 版本，我应该如何将数据模板化到 View 中。我可以向网络服务请求数据，它会以 JSON 格式返回。这部分对我来说很清楚，因为我以前做过。

大多数小部件都具有内置集成，例如主题中使用的 jquery 数据表和完整的日历库。我可以看到数据将被注入(inject)这里，但是论坛和其他东西呢？我应该使用 Jquery 来操纵 DOM 还是有更好的方法。

Angular 提供了一种方法，我可以通过两种方式绑定(bind)传入数据，我可以使用 ng-repeat 将其注入(inject)表和无序列表，但我将如何在此处完成此操作。有没有我可以使用的模板系统？

Answer 1

感谢您的回答，但遗憾的是我无法理解这些问题。尽管如此，我还是感谢您的意见。

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

他们有一个很好的documentation帮助开发。

现在我可以简单地将数据模板化到像 { data.someAttribute } 这样的 View 中，就像下面的代码片段一样:

<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 对象绑定(bind)，如下所示:

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

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

我希望这对某人有所帮助。 :)