Laravel по-русски

schel4ok +1

Сообщений: 75

не могу заставить работать angular

простой скрипт angular не работает в Laravel

в файле gulp я попытался закомментировать остальные скрипты и удалить уже скопированные файлы из папки resources/js, чтобы потестить только angular.

gulp.js

elixir(function(mix) {
 mix
 // .copy('vendor/bower_components/jquery/dist/jquery.js', 'resources/js/1-jquery.js')  
 // .copy('vendor/bower_components/bootstrap/dist/js/bootstrap.js', 'resources/js/2-bootstrap.js')  
  .copy('vendor/bower_components/angular/angular.js', 'resources/js/3-angular.js')  
 // .copy('vendor/bower_components/lightgallery/dist/js/lightgallery-all.js', 'resources/js/4-lightgallery.js')  
 // .copy('vendor/bower_components/lightslider/dist/js/lightslider.js', 'resources/js/5-lightslider.js')  

  .scriptsIn('resources/js') 
  .version([
      'public/css/app.css',
      'public/js/all.js'
      ])  
});

blade.php

{!! Form::open(array('route' => 'order', 'class' => 'go-right calculator', 'files' => true, 'ng-app' => 'SaunaDoorCalc', 'ng-controller' => 'SaunaDoorCalcController')) !!}

	<div class="form-group door_size_radio col-xs-12 col-sm-6" style="margin-bottom:67px;"><h4>Размер дверной коробки (в миллиметрах)</h4>
		<div ng-repeat="a in sizeswitch" class="form-group">
		<input type="radio" value="@{{a.value}}" name="door_size_radio" class="radio">
		<label for="door_size_radio" class="radio">@{{a.label}}</label>
		</div>
	</div>
{!! Form::close() !!}

app.js

angular
  .module('SaunaDoorCalc',[])
  .controller('SaunaDoorCalcController', function($scope) {

    $scope.sizeswitch = [           
      { value: 'standard', label: 'Стандартный' },
      { value: 'special',  label: 'Ввести размер' }
    ];
  
  
    $scope.submit = function() {
      alert('submit');
    };

  
    $scope.myDate = new Date();
    $scope.minDate = new Date(
      $scope.myDate.getFullYear(),
      $scope.myDate.getMonth() - 2,
      $scope.myDate.getDate());
    $scope.maxDate = new Date(
      $scope.myDate.getFullYear(),
      $scope.myDate.getMonth() + 2,
      $scope.myDate.getDate());
  $scope.onlyWeekendsPredicate = function(date) {
    var day = date.getDay();
    return day === 0 || day === 6;
  }

  });

но на странице я вижу {{a.label}} и только один раз, а не 2