在 Symfony2 中验证搜索表单后更新 AngularJS 范围

问：

嗨，各位开发人员，

我们必须使用 AngularJS 在 Symfony2 中重写软件应用程序，我们将 Symfony2 用于 MVC 目的，使用 AngularJS 用于有用的功能。

这是我们的问题，我们首先在我的 Symfony2 视图中使用 AngularJS 在表中显示以下代码的客户端：

var app = angular.module('appName', []);
app.controller('clientsCtrl', function ($scope, $http){
    $scope.loading = true;
    $http.post('{{ url(generatedScope) }}').then(function(response){
        $scope.clients = response.data;
        $scope.order = function(predicate){
            $scope.reverse = ($scope.predicate === predicate) ? !$scope.reverse :false;
            $scope.predicate = predicate;
        }
    },function(response){
        // TODO: handle the error somehow
    })
});

这是 Symfony2 控制器发送的 Twig 变量，具有以下功能：{{ url(generatedScope) }}

 /**
 * @Route("/clients", name="index")
 */
public function indexAction(Request $request)
{       
    $form = $this->createForm(SearchClients::class, null);
    $form->handleRequest($request);

    if($form->isValid()){
        //TODO: Get form params and update angularJS scope somehow
    }

    return $this->render('clients/list.html.twig', [
        'generatedScope' => 'getClients',
        'form' => $form->createView()
    ]);
}

getClients是打开视图时默认路由的名称（我们没有使用 Doctrine）：clients/list.html.twig

 /**
 * @Route("/clients/list/json", name="getClients")
 */
public function getClientsAction()
{
    $clients = new Clients($this->get('database_connection'));
    $response = new JsonResponse($clients->getClients());
    return $response;
}

所以基本上我们的控制器发送的是 ： ，它是我们客户端的 JSON 集合，然后我们以这种方式在表中显示客户端：generatedScope127.0.0.0:8000/clients/list/json

<tr ng-repeat="x in clients | filter : test | orderBy:predicate:reverse">
    <td>#{{ x.cli_id }}</td>
    <td>{{ x.cli_lastname }}</td>
    <td>{{ x.cli_firstname }}</td>
</tr>

我们有一个搜索表单，与显示客户的表格相同的页面，我们收集名字和姓氏，并调用一个操作来检索 json 响应以更新我们的角度范围，我们设法以这种方式检索响应：

 /**
 * @Route("/tiers/list/json/search", name="searchClients")
 */
public function searchClientsAction(){
    $request = new Request($_POST);
    $request = $request->query->get('search_clients'); //form name
    $clients = new clients($this->get('database_connection'));
    $response = new JsonResponse($clients->searchClients($request));
    return $response;
}

在验证表单后，我们尝试发送此路由视图：indexAction

if($form->isValid()){
    //TODO: Get form params and update angularJS scope somehow
    return $this->render('clients/list.html.twig', [
        'generatedScope' => 'searchClients',
        'form' => $form->createView()
    ]);
}

但正如你所看到的，它不起作用。

那么，我们如何在验证 Symfony2 表单后更新 angularJS 范围呢？

如果有人遇到过这个问题...很高兴阅读他的意见！

此致敬意

迪伦