Tanto o AngularJS quando o Blade te dão a opção de mudar o "interpolador".
No exemplo, estou mudando para <% variavel %>
.
No AngularJS
É só criar uma config
injetando $interpolateProvider
angular.module('app', []);
angular.module('app').config(function($interpolateProvider) {
$interpolateProvider.startSymbol('<%');
$interpolateProvider.endSymbol('%>');
});
angular.module('app').controller('mainController', mainControllerFn);
function mainControllerFn(){
this.nome = "JBueno";
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app">
<div ng-controller="mainController as ctrl">
<% ctrl.nome %> <br> <!-- Novo modo - funciona -->
{{ ctrl.nome }} <!-- Modo antigo, não vai funcionar mais pro AngularJS. Agora a sintaxe {{}} é exclusiva do Blade -->
</div>
</div>
No Blade
Defina o interpolador usando setContentTags
em alguma classe de configuração
Exemplo (classe em App\Providers\AppServiceProvider):
class AppServiceProvider extends ServiceProvider
{
/**
* @return void
*/
public function boot()
{
\Blade::setContentTags('<%', '%>'); //para variáveis
\Blade::setEscapedContentTags('<%%', '%%>'); //para dados "escapados"
}
}