laravel blade directives

Laravel 刀片指令

漂亮的 Laravel Blade 指令的集合。

安裝

您可以透過 Composer 安裝該軟體包：

composer require appstract/laravel-blade-directives

用法

@istrue

僅當$variable isset 且 true 時顯示。

 @istrue ( $variable )
   This will be echoed
@endistrue

或是當你想快速回顯時

 @istrue ( $variable , ' This will be echoed ' )

@isfalse

與@istrue相同，但檢查 isset 和 false。

 @isfalse ( $variable )
   This will be echoed
@endisfalse

@isnull

僅當$variable為 null 時顯示。

 @isnull ( $variable )
   This will be echoed
@endisnull

@isnotnull

與@isnull相同，但當$variable不為 null 時顯示。

 @isnotnull ( $variable )
   This will be echoed
@endisnotnull

@轉儲和@dd

 @dump ( $var )

@dd ( $var )

@混合

為 Laravel-Mix css 或 js 建立一個 HTML 元素。

 @mix ( ' /css/app.css ' )
@mix ( ' /js/app.js ' )

輸出：

< link rel = " stylesheet " href = " {{ mix ( ' /css/app.css ' ) } } " >
< script src = " {{ mix ( ' /js/app.js ' ) } } " ></ script >

@風格

使用 css 路徑建立<style>元素或<link>元素。

 @style
    body { background: black }
@endstyle


@style ( ' /css/app.css ' )

@腳本

建立一個帶有或不帶有 js 路徑的<script>元素。

 @script
    alert('hello world')
@endscript


@script ( ' /js/app.js ' )

@排隊

在視圖中內嵌載入 css 或 js 檔案的內容。

 @inline ( ' /js/manifest.js ' )

@pushonce

與@push相同，但僅包含一次內容。對於可重複區塊很有用。

第一個參數必須遵循語法stack-name:group-name 。

 @pushonce ( ' js:foobar ' )
    < script src = " {{ asset ( ' /js/foobar.js ' ) } } " ></ script >
@endpushonce

包含標準@stack指令的推送：

 @stack ( ' js ' )

@路線

檢查目前路由名稱是否等於給定參數。您可以使用通配符，例如blog.post.* 。

 @routeis ( ' webshop.checkout ' )
    Do something only on the checkout
@endrouteis

@路線不是

檢查目前路由名稱是否不等於給定參數。您可以使用通配符，例如blog.post.*

 @routeisnot ( ' webshop.checkout ' )
    Do something only if this is not the checkout
@endrouteisnot

@instanceof

檢查第一個參數是否為第二個參數的實例。

 @instanceof ( $user , ' AppUser ' )
    User is an instance of AppUser
@endinstanceof

@typeof

檢查參數是否屬於某種類型。

 @typeof ( $text , ' string ' )
    Text is a string
@endtypeof

@重複

重複某件事指定的次數。

 @repeat ( 3 )
    Iteration # {{ $iteration } }
@endrepeat

@fa、@fas、@far、@fal、@fab、@fad、@mdi、@glyph

使用 Font Awesome、Material Design Icons 或 Glyphicon 快速輸出圖示。

 @fa ( ' address-book ' , ' optional-extra-class ' )

// for Font Awesome 5 (solid, regular, light, brand, duotone):
@fas ( ' address-book ' , ' optional-extra-class ' )
@far ( ' address-book ' , ' optional-extra-class ' )
@fal ( ' address-book ' , ' optional-extra-class ' )
@fab ( ' address-book ' , ' optional-extra-class ' )
@fad ( ' address-book ' , ' optional-extra-class ' )

// for Material Design Icons
@mdi ( ' account ' , ' optional-extra-class ' )

// for Glyphicons
@glyph ( ' glass ' , ' optional-extra-class ' )

@數據

從數組輸出資料屬性。

 @data ( [ ' testing ' => 123 ] )

@哈斯錯誤

快速輸出經典的$errors->has('input_name')以確定給定欄位是否存在任何錯誤訊息。

 @haserror ( ' input_name ' )
    This input has an error
@endhaserror

@數數

輸出條目數。

 @count ( [ 1 , 2 , 3 ] )

@nl2br

將n替換為<br> 。

 @nl2br ( ' foon barn bazn ' )

@snake、@kebab、@camel

輸出格式化字串（使用 Laravel Helpers）。

 @snake ( ' fooBar ' )
// output: 'foo_bar'

@kebab ( ' fooBar ' )
// output: 'foo-bar'

@camel ( ' foo bar ' )
// output: 'fooBar'

測試

composer test 

貢獻

歡迎大家踴躍投稿，謝謝大家:)

關於Appstract

Apptract 是一支來自荷蘭的小型團隊。我們為 Web 開發人員創建（開源）工具，並在 Medium 上撰寫相關主題。您可以在 Twitter 上關注我們、為我們購買啤酒或在 Patreon 上支持我們。

執照

麻省理工學院許可證 (MIT)。請參閱許可證文件以獲取更多資訊。