混合 Twig 和 Angular？对于用于搜索 table 的前端查询服务

Question

我想做的是获得一个前端查询服务来搜索 table。像这样http://angular.github.io/angular-phonecat/step-3/app/ 我已经用 Angular 实现了它。我的问题是，是否有类似的方法可以用 Twig 或任何其他可能性来做到这一点？甚至建议将 Angular 与 Twig 混合使用吗？

顺便说一句，我是新手。

Answer 1

两种不同的方法

您示例中的过滤器完全发生在前端。它在 siteload 上加载所有数据，然后过滤它们。如果你想用大部分服务器端代码获得类似的结果，你可能会使用更像搜索功能的东西，而不仅仅是过滤器。您所做的是设置按键延迟，然后向执行查询并呈现结果的服务器发送 ajax 请求。如果您的数据集很大并且您无法在筛选之前将所有内容加载到站点加载上，这尤其有意义。

同时使用 Twig 和 Angular 时

但是，如果您同时使用 twig 和 angular，您应该在前端为 angular 定义一个别名，或者在服务器端将 angular 的大括号括在引号中。

为 Angular 变量定义别名

angular.module('myApp', []).config(function($interpolateProvider){
    $interpolateProvider.startSymbol('{[{').endSymbol('}]}');
});

在服务器端使用引号

{{ '{{' ~ yourvariable ~ '}}' }}

混合 Twig 和 Angular？对于用于搜索 table 的前端查询服务

Mixing Twig and Angular? For a Frontend query service for searching a table

search

frontend

twig

angularjs