Передача данных AngularJS в Laravel сгенерированный URL

Question

Я в процессе создания приложения Laravel и AngularJS. Я использую Angular для отправки запросов HTTP GET на маршрут Laravel и получения данных JSON перед записью в HTML. Я использую Laravel для моей маршрутизации, поскольку Angular присутствует только на нескольких страницах.

У меня есть список вакансий, которые отображаются 5 раз за раз, через Angular. Рядом с названием каждой работы есть опция «Отправить сообщение». Код на мой взгляд, как так:

<ul> 
    <li ng-repeat="job in main.jobs"> 
     <a href="@{{ job.slug }}">@{{ job.title }}</a> - 
     <a href="{{ URL::route('sendmessage', ["@{{ job.slug }}"]) }}">Send a Message</a> 
    </li> 
</ul> 

данных делает отлично, однако я не могу использовать функцию URL::route с Угловое для визуализации URL маршрута с job.slug в качестве параметра.

Мой routes.php файл выглядит следующим образом:

Route::get('jobs/{slug}/messages/create', [ 
    'as' => 'sendmessage', 
    'uses' => 'MessageController@create' 
]); 

Примечание, как это файл лезвие, я использую @ перед {{ }} оказывать Угловое.

Мой вопрос экзамен: Как я могу использовать лезвие, чтобы эхо угловые данные в URL::route фасада

Answer 1

Вы можете установить пользовательские AngularJS фигурные скобки, чтобы предотвратить конфликт с клинка шаблонизатор:

var app = angular.module('app', []) 

    .config(function($interpolateProvider) { 
    // To prevent the conflict of `{{` and `}}` symbols 
    // between Blade template engine and AngularJS templating we need 
    // to use different symbols for AngularJS. 

    $interpolateProvider.startSymbol('<%='); 
    $interpolateProvider.endSymbol('%>'); 
    }); 

Я предлагаю используйте <%= %>, потому что это часто используемая конструкция, вы можете найти ее в Underscore templates.

После того, что ваш код будет выглядеть следующим образом:

<ul> 
    <li ng-repeat="job in main.jobs"> 
     <a href="<%= job.slug %>"><%= job.title %></a> - 
     <a href="{{ URL::route('sendmessage', ["@{{ job.slug }}"]) }}">Send a Message</a> 
    </li> 
</ul>