У меня есть форма, созданная в symfony2, которая в конце создает кнопку для отправки формы. Когда я добавляю ng-app="myApp" все работает нормально, но я не могу отправить форму, которая находится на этой странице. Почему это и как разблокировать это?
ФОРМА:
->add('company','choice',array( 'mapped' => false, 'attr'=>array('ui-select2'=>'myArray', 'ng-model'=>'form.company','ng-options'=>'option.value as entity.name_company for entity in entities','ng-change' => 'changeItem()') )) ->add('project',null,array( 'attr'=>array('ui-select2'=>'myArray2', 'ng-model'=>'form.task','ng-options'=>'option.value as entity.description_task for entity in tasks') ))
ПОСМОТРЕТЬ:
<html ng-app="flowApp"> <head> <link rel="stylesheet" href="{{ asset('external-libs/select2/select2.css')}}"> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> <script src="{{ asset('external-libs/select2/select2.js')}}"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.5/angular.min.js"></script> <script src="{{ asset('external-libs/select2.js')}}"></script> <script src="{{ asset('external-libs/app.js') }}"></script> <style> .select2-choice { width: 220px; } </style> </head> <body> <div class="container" ng-controller="MainCtrl"> {{ form(form) }} </div> </body> </html>
СЦЕНАРИЙ:
var app = angular.module('flowApp', ['ui.select2']).config(function($interpolateProvider){ $interpolateProvider.startSymbol('{[{').endSymbol('}]}'); } ); app.controller('MainCtrl', function ($scope, $element,$http) { $http({method: 'GET', url: 'companies.json'}). success(function(data, status, headers, config) { $scope.entities = data.entities; $scope.form = {company: $scope.entities[0].value }; console.debug(data.entities); }); });
В документации по скважине говорится:
По этой причине Angular предотвращает действие по умолчанию (отправка формы на сервер), если у элемента не указан атрибут действия
поэтому вы можете добавить атрибут действия в свою форму. В моем примере я использую функцию grenerateUrl, но вы должны генерировать URL вашего текущего маршрута (маршрут контроллера, где формируется форма)
$data = array(); $form = $this->createFormBuilder($data, array("action" => $this->generateUrl("route_to_curent_path")))) ->add('field', 'text') ->add('submitButton', 'submit') ->getForm();
EDIT: только сейчас выяснилось, что это дублированный вопрос здесь и здесь, а здесь и здесь (эта ссылка является наиболее предпочтительным ответом)
Нам нужна дополнительная информация, позволили ли вы проверить форму браузера? Удалять :
{{ form(form, { 'attr': { novalidate, }, }) }}
Возможно, всплывающие окна с ошибками скрыты (происходят с различными полями формы complexe)
Когда вы сказали «я не могу отправить», кнопка отправки не может? Ошибки происходят после провалов?