我正在为客户构建一个应用程序,我在后端使用 Laravel5 开发 Web 服务,我将使用 Smart Admin Theme 使用它,尤其是 Ajax 版本。
我已经使用过这个主题的 HTML 版本,并且我仍然使用 Laravel 作为后端。我可以简单地使用 Laravel 提供的 Blade 模板引擎并将数据注入(inject) View 。
但既然我将使用 Ajax 版本,我应该如何将数据模板化到 View 中。我可以向网络服务请求数据,它会以 JSON 格式返回。这部分对我来说很清楚,因为我以前做过。
大多数小部件都具有内置集成,例如主题中使用的 jquery 数据表和完整的日历库。我可以看到数据将被注入(inject)这里,但是论坛和其他东西呢?我应该使用 Jquery 来操纵 DOM 还是有更好的方法。
Angular 提供了一种方法,我可以通过两种方式绑定(bind)传入数据,我可以使用 ng-repeat 将其注入(inject)表和无序列表,但我将如何在此处完成此操作。有没有我可以使用的模板系统?
最佳答案
感谢您的回答,但遗憾的是我无法理解这些问题。尽管如此,我还是感谢您的意见。
最后我求助于使用 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 服务最终可以由移动应用程序使用。
我希望这对某人有所帮助。 :)
关于javascript - 如何将模板数据导入Ajax版Smart Admin主题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29842937/