symfony - Symfony2 在 Angular js 中验证表单

Question

我正在尝试将 anular js 与 symfony2 一起使用，但我正在努力将 Angular 集成到 Symfony2

我在 symfony2 中有以下表单类

public function buildForm(FormBuilder $builder, array $options)
{
     $builder
     ->add('name','text')
     ->add('address','textarea',array('required'=>false))
     ->add('city','text')
     ->add('state','text',array('required'=>false))
}

我在twing中渲染表单，下面是代码

<form action="{{ path('customer_create') }}" method="post" name="form1" ng-controller="MainCtrl" {{ form_enctype(form) }} >
    {{ form_widget(form._token) }}
    <div>{{ form_label(form.name) }} {{ form_widget(form.name) }}</div>
    <div>{{ form_label(form.email) }} {{ form_widget(form.email) }}</div>
    <div>{{ form_label(form.address) }} {{ form_widget(form.address) }}</div>
    <div>{{ form_label(form.city) }} {{ form_widget(form.city) }}</div>
    <br><br><br> <button type="submit" style="float:left;text-align:left;margin-right:10px">{% trans %}Create{% endtrans %}</button>
</form>

我如何在其中使用 Angular js？

Answer 1

您需要更改 Angular JS{{和}}其他东西

检查AngularJS-Twig 与双花括号的冲突以获取详细信息

Answer 2

解决方案如下：

树枝：（我使用boostrap）

 <div class="form-group col-sm-12">
        {{ form_label(form.tipomoneda, 'Tipo Moneda') }}
        {{ form_widget(form.tipomoneda,{'attr': {'class':'form-control', 'placeholder':'Introducir tipo de moneda', 'ng-model':'tipomoneda' }}) }}
        {{ form_errors(form.tipomoneda) }}
        <span style="color:red" ng-show="{{ form.vars.name }}['{{ form.vars.name }}[{{ form.tipomoneda.vars.name }}]'].$dirty && {{ form.vars.name }}['{{ form.vars.name }}[{{ form.tipomoneda.vars.name }}]'].$invalid">
        <span ng-show="{{ form.vars.name }}['{{ form.vars.name }}[{{ form.tipomoneda.vars.name }}]'].$error.required">Field  required.</span>
        </span>
    </div>

在哪里：

    <form name= "moneda" ...  will be = {{ form.vars.name }}
 <input type="text" name="moneda[tipomoneda]" ...  will be = {{ form.tipomoneda.vars.name }} 

所以解决方案是在点对象表示法上对对象（方括号）使用 Javascript 的属性样式访问器。因此，我们可以在字符串中使用方括号，并且不存在评估问题。