Skip to main content
10 de 10
adicionou 5 caracteres ao conteúdo
Jéf Bueno
  • 69,8mil
  • 22
  • 134
  • 244

Incompatibilidade entre Blade e Angular JS no Laravel 5

Eu estou tendo problema em usar o AngularJS junto com o Blade do Laravel. Depois de pesquisar neste site mesmo, descobri que para resolver o conflito com o Laravel o método mais recente é usando o @{{}} na chamadas de variáveis.

A página é carregada, o array é percorrido, gerando as linhas dos registros, mas nenhuma informação é mostrada.

Aqui está o pedaço do meu código que dá esse erro:

<table class="table table-striped">
    <thead>
        <tr>
            <th ng-click="ordenar('convite.id')">Nº Convite</th>
            <th ng-click="ordenar('convite.numero')">Processo</th>
            <th ng-click="ordenar('convite.descricao')">Descrição</th>
            <th>Lançado em:</th>
            <th></th>           
        </tr>
    </thead> 
    <tbody>
        <tr dir-paginate="convite in convites | filter: pesquisar |orderBy:sortKey:reverse |itemsPerPage:5">
             <td>
                 00 @{{convite.id}} @{{convite.ano}}/NFS
             </td>
             <td>@{{convite.numero}}</td>
             <td>@{{convite.descricao}}</td>
             <td>@{{convite.create_up}}</td>
             <td>
                 <button class="btn btn-info btn-xs" ng-click="editar(convite)">Editar</button>
                 <button class="btn btn-danger btn-xs" ng-click="excluir(convite)">Excluir</button>
             </td>
         </tr>
     </tbody>
 </table>

Li também que não devo usar o Blade com Angular, mas acho muito prático de usar, e gostaria de continuar. Esse método é o mais correto e recente?

Pois já fiz alguns de mudar as chaves do Blade, fazer interpolação para mudar a do Angular, e fica no mesmo erro.

A página carrega sem erro no Laravel, mas não carrega as informações.

como não estou conseguindo comentar vou editar

até agora esta assim

var app = angular.module('cdg',['angularUtils.directives.dirPagination']);

angular.module('cdg').config(function($interpolateProvider) {
  $interpolateProvider.startSymbol('<%');
  $interpolateProvider.endSymbol('%>');
});

E o PHP:

<?php

namespace confin\Providers;

use Illuminate\Support\ServiceProvider;

use Blade;

class AppServiceProvider extends ServiceProvider
{
    /**
     * Bootstrap any application services.
     *
     * @return void
     */
    public function boot()
    {
       Blade::setContentTags('<%', '%>');        
       Blade::setEscapedContentTags('<%%', '%%>'); 
    }

    /**
     * Register any application services.
     *
     * @return void
     */
    public function register()
    {
        //
    }
}

<tr dir-paginate=" convite in convites | filter: pesquisar |orderBy:sortKey:reverse |itemsPerPage:5">
                        <td>
                           00 <% convite.id %><% convite.ano %>/NFS
                        </td>
                        <td><% convite.numero %></td>
                        <td><% convite.descricao %></td>
                        <td><% convite.create_up %></td>
                        <td>
                           <button class="btn btn-info btn-xs" ng-click="editar(convite)">Editar</button>
                           <button class="btn btn-danger btn-xs" ng-click="excluir(convite)">Excluir</button>
                        </td>
                     </tr>

mas agora o erro esta nesta linha

<tr dir-paginate=" convite in convites | filter: pesquisar |orderBy:sortKey:reverse |itemsPerPage:5">

ErrorException in b021106ac8c34a8a693202610529e170cbe12876.php line 49: Use of undefined constant convite - assumed 'convite' (View: C:\xampp\htdocs\confin\resources\views\convite.blade.php)