laravel-5 passa variabile a JavaScript

Question

c'è qualche modo in cui JavaScript può ottenere la variabile dal controller compatto Laravel-5.

Esempio: Ho il codice qui sotto:

$langs = Language::all(); 
    return View::make('NAATIMockTest.Admin.Language.index',compact('langs')); 

posso trovare questo Langs e passarlo a JavaScript? Ho già utilizzato PHP-Vars-To-Js-Transformer. Ma quando uso JavaScript :: put per due funzioni nel controller. Non ha funzionato. Qualsiasi aiuto?

Questo è il mio codice utilizzando PHP-Vars-To-Js-Transformer:

LanguageController: Questo è il mio creare e modificare la funzione:

public function create() 
     { 
      $names = $this->initLang(); 
      Javascript::put([ 
      'langs' => $names 
      ]); 

      return View::make('NAATIMockTest.Admin.Language.create',compact('names')); 
    } 
    public function edit($id) 
    { 
     // 
      $lang = Language::findOrFail($id); 
      $names = $this->initLang(); 
      Javascript::put([ 
      'langs' => $names 
      ]); 


      return View::make('NAATIMockTest.Admin.Language.edit', compact('lang')); 
      // return View::make('NAATIMockTest.Admin.Language.edit'); 

    } 

questa è la mia opinione a creare:

@extends('AdLayout') 
    @section('content') 
    < script type="text/javascript"> 
     var app = angular.module('myApp', []); 
     app.controller('langCtrl', function($scope) { 
      $scope.languages = langs; 
     }); 
    </script> 

    <div class="container-fluid" ng-app="myApp" ng-controller="langCtrl"> 
     <div class="row"> 
     <div class="col-md-8 col-md-offset-2"> 
      <div class="panel panel-default"> 
       <div class="panel-heading"> 
        <h2>Create language 
        </h2> 
       </div> 

       <div class="panel-body"> 
        {!! Form::open() !!} 
         <p class="text-center"> 
          {!! Form::label('Name','Language: ') !!} 
          <input type="text" name="searchLanguage" ng-model="searchLanguage"> 
         </p> 

         <select name="Name[]" multiple size="10" ng-model="lang" ng-click="show()"> 
          <option value="@{{v}}" ng-repeat="(k,v) in languages | filter:searchLanguage"> 
           @{{v}} 
          </option> 
         </select><br> 

         <div class="text-center"> 
          {!! Form::submit('Create',['class'=>'btn btn-primary']) !!}&nbsp; 
           {!! Html::linkAction('NAATIMockTest\LanguageController@index', 'Back', null, array('class' => 'btn btn-primary')) !!} 
         </div> 
        {!! Form::close() !!} 
       </div> 
      </div> 
     </div> 
    </div> 
    </div> 
    @endsection 

Questa è la mia opinione edit:

@extends('AdLayout') 
    @section('content') 
    <script type="text/javascript"> 

    var app = angular.module('myApp', []); 
    app.controller('langCtrl', function($scope) { 
     $scope.languages = langs; 
    }); 
    </script> 

    <div class="container-fluid" ng-app="myApp" ng-controller="langCtrl"> 
     <div class="row"> 
      <div class="col-md-8 col-md-offset-2"> 
       <div class="panel panel-default"> 
       <div class="panel-heading"><h2>Edit #{{ $lang->id}}</h2></div> 
       <div class="panel-body"> 
        {!! Form::model($lang) !!} 
         {!! Form::label('Name','Language: ') !!}&nbsp;{{ $lang->Name }} 
         <!-- {!! Form::text('Name',null,['disabled']) !!}<br> --> 
         {!! Form::hidden('id') !!}<input type="text" name="searchLanguage" ng-model="searchLanguage"> 
         </p> 

         <select name="Name[]" size="10"> 
          <option value="@{{v}}" ng-repeat="(k,v) in languages | filter:searchLanguage"> 
           @{{v}} 
          </option> 
         </select><br> 
         <div class="text-center"> 
          {!! Form::submit('Update',['class'=>'btn btn-info']) !!}&nbsp; 
          {!! Html::linkAction('NAATIMockTest\LanguageController@index', 'Back', null, array('class' => 'btn btn-primary')) !!} 
         </div> 
        {!! Form::close() !!} 
       </div> 
      </div> 
     </div> 
    </div> 
    </div> 
    @endsection 

mia javascript.php nella cartella config:

<?php 

    return [ 

    /* 
    |-------------------------------------------------------------------------- 
    | View to Bind JavaScript Vars To 
    |-------------------------------------------------------------------------- 
    | 
    | Set this value to the name of the view (or partial) that 
    | you want to prepend all JavaScript variables to. 
    | 
    */ 
    'bind_js_vars_to_this_view' => 'footer', 
    'bind_js_vars_to_this_view' => 'NAATIMockTest.Admin.Language.create', 
    'bind_js_vars_to_this_view' => 'NAATIMockTest.Admin.Language.edit', 

    /* 
    |-------------------------------------------------------------------------- 
    | JavaScript Namespace 
    |-------------------------------------------------------------------------- 
    | 
    | By default, we'll add variables to the global window object. However, 
    | it's recommended that you change this to some namespace - anything. 
    | That way, you can access vars, like "SomeNamespace.someVariable." 
    | 
    */ 
    'js_namespace' => 'window', 

]; 

L'idea è: Ho una lingua tabella in mysql. Voglio mostrare l'elenco a discesa con più attributi da scegliere e voglio anche cercare con angularjs. Ecco perché voglio passare la variabile dal controller a JavaScript. Inoltre, ho la funzione all'interno di LanguageController chiamata initLang per verificare se esiste una lingua all'interno del database, non è visualizzata all'interno dell'elenco a discesa in create view.

Answer 1

$langs = Language::all()->toArray(); 
return View::make('NAATIMockTest.Admin.Language.index', [ 
    'langs' => $langs 
]); 

poi in vista

<script type="text/javascript"> 
    var langs = {{json_encode($langs)}}; 
    console.log(langs); 
</script> 

La sua non è abbastanza tho

Answer 2

Un esempio di lavoro per me.

Controller:

public function tableView() 
{ 
    $sites = Site::all(); 
    return view('main.table', compact('sites')); 
} 

Vista:

<script>  
    var sites = {!! json_encode($sites->toArray()) !!}; 
</script> 

Answer 3

So che le prossime righe non sono ottimizzati, ma è un modo veloce e leggibile per farlo funzionare:

<script> 
    var sampleTags = []; 
    @foreach ($services as $service) 
     sampleTags.push('{{ $service->name }}'); 
    @endforeach 
</script> 

Modifica: Siamo spiacenti, se la stringa ha caratteri speciali (come ó), è necessario utilizzare {!! $service->name !!}.

Answer 4

standard PHP oggetti

Il modo migliore per fornire variabili PHP a JavaScript ist json_encode.Quando si utilizza lama si può fare come segue:

<script> 
    var bool = {!! json_encode($bool) !!}; 
    var int = {!! json_encode($int) !!}; 
    /* ... */ 
    var array = {!! json_encode($array_without_keys) !!}; 
    var object = {!! json_encode($array_with_keys) !!}; 
</script> 

• Displaying unescaped data - Laravel docs
• json_encode - PHP docs

C'è anche una direttiva della lama per la decodifica di JSON. Non sono sicuro da che versione di Laravel, ma in 5.5 è disponibile. Usalo come segue:

<script> 
    var array = @json($array); 
</script> 

• Blade Templates - Laravel 5.5 docs

Jsonable di

Quando si utilizza laravel oggetti per esempio Collection o Model si dovrebbe usare il metodo ->toJson(). Tutte le classi che implementano l'interfaccia \Illuminate\Contracts\Support\Jsonable supportano questa chiamata di metodo. La chiamata ritorna automaticamente JSON.

<script> 
    var collection = {!! $collection->toJson() !!}; 
    var model = {!! $model->toJson() !!}; 
</script> 

Quando si utilizza Model classe che si può definire la proprietà $hidden all'interno del class e quelli saranno filtrati in JSON. La proprietà $hidden come il nome descritto nasconde il contenuto sensibile. Quindi questo meccanismo è il migliore per me. Non è come segue:

class User extends Model 
{ 
    /* ... */ 

    protected $hidden = [ 
     'password', 'ip_address' /* , ... */ 
    ]; 

    /* ... */ 
} 

• Serializing to JSON - Laravel docs

Answer 5

Prova questa - https://github.com/laracasts/PHP-Vars-To-Js-Transformer è un modo semplice per aggiungere variabili PHP a JavaScript.