AngularJS塊以symfony2的形式提交按鈕

我在symfony2中創建了表單，最後呈現按鈕提交表單。當我添加ng-app="myApp"一切正常，但我無法提交此頁上的表單。爲什麼是這樣以及如何解除這個問題？AngularJS塊以symfony2的形式提交按鈕

FORM：

->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') 
      ))

VIEW：

<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>

SCRIPT：

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); 
    }); 
});

來源

2014-04-08 mmmm

你可以添加一些代碼嗎？你在這裏用什麼角度？ – GonchuB

是的，我正在使用select2腳本進行填充選擇。我添加了代碼。 – mmmm

好的。首先。 $ scope.forms是一個變量，你將它作爲一個函數調用（爲什麼你要做'{{form（form）}}？？「）。否則，您是否看到GET請求的網絡流量？ – GonchuB

我們需要更多的信息，你讓瀏覽器驗證的形式？要刪除：

{{ form(form, { 
    'attr': { 
     novalidate, 
    }, 
    }) 
}}

也許錯誤彈出隱藏（帶有各種配合物的表單域發生）

當你說：「我無法提交」，是提交按鈕不能？失敗發生在sumbission之後？

來源

2014-04-09 09:21:00 Healkiss

nope，代碼就像你看到的那樣簡單。當我刪除「ng-app」比一切正常工作。提交按鈕已啓用，只是不提交表單。 – mmmm

你是否嘗試刪除自動驗證？這是大多數最新瀏覽器的默認行爲。 – Healkiss

好documentation說：

爲此，角阻止默認動作（表單提交到服務器），除非元素有一個action屬性指定

，所以你可以添加action屬性添加到您的表單中。在我的例子中我使用grenerateUrl功能，但是你應該生成你的當前路徑（其中生成表單控件的路線）的URL

$data = array(); 
      $form = $this->createFormBuilder($data, 
       array("action" => $this->generateUrl("route_to_curent_path")))) 
       ->add('field', 'text') 
       ->add('submitButton', 'submit') 
       ->getForm();

編輯： 剛纔發現，這是一個重複的問題here和here和here 和here（此鏈接是最upvoted答案）

來源

2014-08-28 16:03:20 kodvin

AngularJS塊以symfony2的形式提交按鈕

回答

相關問題