Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.06.2016, 21:23
Интересующийся
Отправить личное сообщение для schel4ok Посмотреть профиль Найти все сообщения от schel4ok
 
Регистрация: 16.03.2016
Сообщений: 15

как подружить angular и Laravel
у меня простой скрипт 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
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Подружить jQuery Raphael.js и query.qtip.min.js (как сделать подсказки для отрисованн ufaclub jQuery 0 09.10.2014 21:08
Как сделать такую страницу mortido Элементы интерфейса 11 02.10.2014 07:20
Мотоциклисты есть? l-liava-l Оффтопик 13 04.07.2014 13:35
angular как полчить ключ ng-repeat? l-liava-l Angular.js 2 29.04.2014 16:13
Конфликт технологий - как подружить d'n'd и List ? Shamonov_Irk Элементы интерфейса 1 25.04.2012 05:57