-2

私はsymfony2でanular jsを使用しようとしていますが、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を使用するにはどうすればよいですか?

4

2 に答える 2

0

解決策は次のとおりです。

小枝：（ブーストラップを使用しています）

 <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 のプロパティ スタイル アクセサーを使用することです。したがって、文字列に角括弧を含めることができ、評価の問題はありません。

于 2016-05-16T15:52:00.113 に答える
0

Angular JSを変更する必要があり{{、}}何か他のものを使用する必要があります

詳細については、二重中括弧による AngularJS-Twig の競合を確認してください。

于 2013-03-27T08:44:28.780 に答える