Cú pháp lưỡi của Laravel 4 trong các tệp javascript của tôi

Question

Trang chủ của tôi có một số javascript nội tuyến được trộn lẫn với một số cú pháp lưỡi, ví dụ:

<script type="text/javascript"> 
     @if(Auth::user()) 
      if(path.indexOf('/user/' + {{Auth::user()->id}}) != -1) { 
        $("#tabs").tabs(); 
      }; 
     @endif 
    </script> 

Nó hoạt động cho đến khi tôi muốn chuyển javascript sang tệp bên ngoài.js. Tôi gặp lỗi bất cứ khi nào cú pháp lưỡi được thêm vào. Có cách nào tôi có thể hợp nhất cú pháp lưỡi trong tệp javascript.js của tôi không? Tôi đã cố gắng đổi tên để file.blade.js không có may mắn ...

Answer 1

bạn có thể thử này lưu tập tin javascript của bạn trong app/views thư mục và đổi tên nó để xxx.blade.php, vâng .blade.php vì Blade động cơ sẽ phân tích nó chỉ nếu .blade.php của nó và sử dụng @include('your javascript filename') để bao gồm các tập tin javascript phân tích bởi Blade, nó sẽ làm việc.

Answer 2

Bạn đang outputing chuỗi từ PHP, vì vậy bạn phải gửi kèm theo chuỗi trong '

<script type="text/javascript"> 
    @if(Auth::user()) 
     if(path.indexOf('/user/' + '{{Auth::user()->id}}') != -1) { 
       $("#tabs").tabs(); 
     }; 
    @endif 
</script> 

Answer 3

Mặc dù giải pháp được chấp nhận sẽ hoạt động, đây chắc chắn là một mẫu giả.

Nếu tôi thấy đây không phải là người đã viết nó, tôi sẽ vô cùng bối rối với những gì đang diễn ra.

Đề xuất của tôi nằm trong tệp PHP của bạn, có một khối nhận tất cả các giá trị bạn cần trong tệp bên ngoài, sau đó gọi các tệp bên ngoài.

Vì vậy, trong file PHP của bạn, bạn sẽ có một cái gì đó như:

<script> 
    var userID = "{{ Auth::user()->id }}"; 
    var isUser = "{{ Auth::user() }}" 
</script> 

{{ HTML::script('path/to/js/file.js') }} 

Và trong file javascript của bạn:

if(isUser) 
{ 
    if(path.indexOf('/user/' + userID) != -1) { 
     $("#tabs").tabs(); 
    }; 
} 

Answer 4

Tôi đã làm như vậy hơn @BrandonRomano, nhưng tôi tìm thấy một cách tiếp cận tốt hơn . Gửi trực tiếp giá trị từ PHP để JS VAR sử dụng: PHP-Vars-To-Js-Transformer

PHP:

JavaScript::put([ 
    'foo' => 'bar', 
    'user' => User::first(), 
    'age' => 29 
]); 

JS:

console.log(foo); // bar 
console.log(user); // User Obj 
console.log(age); // 29 

Bạn có thể thiết lập một không gian tên như:

console.log(server.foo)