如何實現在Laravel刀片

Question

AngularJS應用程序，我需要實現這個：進入我的Laravel刀片查看https://github.com/pshevtsov/flashcards。我試圖安裝角度並將所有文件鏈接到刀片文件中。但它不起作用，因爲laravel和angular在文件中使用{{ }}。

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中找到它。

之後角代碼看起來就像這樣：

<li ng-repeat="phone in phones"> 
    <p><%= phone.name %></p> 
</li> 

Answer 2

在Laravel 5，你可以告訴刀片做

@{{ $name }} 

Answer 3

由於一月2016一個只需要這樣做的：從角主頁

• 下載app.js。

• 找到

function $InterpolateProvider() { var startSymbol = '{{'; var endSymbol = '}}';

並chenge到什麼的，我想一個非官方的做法是<％％> function $InterpolateProvider() { var startSymbol = '<%'; var endSymbol = '%>';

信貸應該去 https://scotch.io/quick-tips/quick-tip-using-laravel-blade-with-angularjs

Answer 4

在葉片模式中板我這樣的代碼：

<div ng-repeat="item in items" class="item" ng-cloak><?='{{item.name}}'?></div>