在django-angular中使用formset

Question

django-angular非常酷。特別是，我喜歡它自動渲染錯誤。我有一堆表單，這很好地工作。我正在嘗試做相同的事情w/formsets並遇到問題。

首先，有一個問題w /字段名稱不映射到基礎的角度模型。我使用的是嵌套模式是這樣的：

var parent = { 
    field1 : 'a', 
    field2: 'b', 
    child_model: [ 
    { childfield1: 'c', 
     childfield2: 'd' 
    }, 
    { childfield1: 'e', 
     childfield2: 'f' 
    } 
    ] 
} 

爲了得到這種結構映射到表單字段，我用下面的代碼：

class MyFormSet(BaseInlineFormSet): 

    def _construct_form(self, i, **kwargs): 
     """ 
     Instantiates and returns the i-th form instance in a formset. 
     """ 

     defaults = { 
      'auto_id': self.auto_id, 
      'prefix': self.add_prefix(i), 
      'error_class': self.error_class, 
      # THESE NEXT 3 LINES ARE THE DIFFERENT BIT... 
      'formset_class': self.__class__, 
      'scope_prefix': "%s[%d]" % (self.scope_prefix, i), 
      'form_name': "%s-%s" % (self.formset_name, i), 
     } 
     if self.is_bound: 
      defaults['data'] = self.data 
      defaults['files'] = self.files 
     if self.initial and 'initial' not in kwargs: 
      try: 
       defaults['initial'] = self.initial[i] 
      except IndexError: 
       pass 
     # Allow extra forms to be empty, unless they're part of 
     # the minimum forms. 
     if i >= self.initial_form_count() and i >= self.min_num: 
      defaults['empty_permitted'] = True 
     defaults.update(kwargs) 
     form = self.form(**defaults) 
     self.add_fields(form, i) 
     return form 


class MyChildForm(Bootstrap3ModelForm, NgModelFormMixin, NgFormValidationMixin): 
    class Meta: 
     model = MyChildModel 

    def __init__(self, *args, **kwargs): 
     formset_class = kwargs.pop("formset_class", None) 
     super(MyChildForm, self).__init__(*args, **kwargs) 
     self.formset_class = formset_class 

    def get_widget_attrs(self, bound_field): 
     """ 
     just like the base class fn 
     except it sets "ng-model" using "get_qualified_model_field_name" 
     """ 
     attrs = super(NgModelFormMixin, self).get_widget_attrs(bound_field) 
     identifier = self.add_prefix(bound_field.name) 
     ng = { 
      'name': bound_field.name, 
      'identifier': identifier, 
      'model': self.get_qualified_model_field_name(bound_field.name) 
     } 
     if hasattr(self, 'Meta') and bound_field.name in getattr(self.Meta, 'ng_models', []): 
      attrs['ng-model'] = ng['model'] 
     for key, fmtstr in self.ng_directives.items(): 
      attrs[key] = fmtstr % ng 
     return attrs 

    def is_formset(self): 
     """ 
     tells whether or not the form is a member of a formset 
     """ 
     return self.formset_class is not None 

    def get_qualified_form_field_name(self, field_name): 
     """ 
     gets a field name suitable for ng use when binding to form 
     """ 
     if self.is_formset(): 
      identifier = field_name 
     else: 
      identifier = self.add_prefix(field_name) 
     return format_html("{0}['{1}']", self.form_name, identifier) 

    def get_qualified_model_field_name(self, field_name): 
     """ 
     gets a field name suitable for ng use when binding to model 
     """ 
     if self.is_formset(): 
      identifier = field_name 
     else: 
      identifier = self.add_prefix(field_name) 
     return format_html("{0}['{1}']", self.scope_prefix, identifier) 


def MyChildModelFormSetFactory(*args, **kwargs): 

    instance = kwargs.pop("instance", None) 
    initial = kwargs.pop("initial", []) 
    queryset = kwargs.pop("queryset", MyChildModel.objects.none()) 
    prefix = kwargs.pop("prefix", None) 
    scope_prefix = kwargs.pop("scope_prefix", None) 
    formset_name = kwargs.pop("formset_name", None) 

    kwargs.update({ 
     "can_delete": False, 
     "extra": kwargs.pop("extra", 0), 
     "formset": MyFormSet, 
     "form": MyChildForm, 
    }) 
    formset = inlineformset_factory(MyParentModel, MyChildModel, *args, **kwargs) 
    formset.scope_prefix = scope_prefix 
    formset.formset_name = formset_name 

    return formset(instance=instance, initial=initial, queryset=queryset) 

在get_widget_attrs的變化正確呈現像場這樣的：

<input class="form-control ng-pristine ng-untouched ng-valid ng-valid-parse ng-valid-required ng-valid-maxlength" id="id_my_formset_name-0.field_name" name="my_formset_name-0.field_name" ng-model="parent.child_model[0]['field_name']"> 

但是，當我嘗試呈現{{field.errors}}我只是得到了一堆垃圾。相反，感測元件瓦特/所有預期的Django的角類（「djng場 - 錯誤」，等等），我得到的原始文本是這樣的：

(u'my_formset_name-0.my_scope_prefix-0.my_field_name', u'djng-form-control-feedback djng-field-errors', u'$dirty', u'$error.required', u'invalid', u'This field is required.') 

任何想法？

更新：

對於它的價值，如果我打印出的內容從現場.get_field_errors返回從「獨立」的形式獲得：

<ul class="djng-form-control-feedback djng-field-errors" ng-show="my_form_name['field1'].$dirty" ng-cloak> 
    <li ng-show="my_form_name['field1'].$error.required" class="invalid">This field is required.</li> 
</ul> 

如果我打印出來什麼.get_field_errors收益從現場從一種形式，是一個formset我得到的部分：

<ul class="errorlist"> 
    <li>(&quot;my_formset_name-0[&#39;childfield1&#39;]&quot;, u&#39;djng-form-control-feedback djng-field-errors&#39;, &#39;$dirty&#39;, u&#39;$error.required&#39;, &#39;invalid&#39;, u&#39;This field is required.&#39;)</li> 
</ul> 

除HTML不會被轉義，注意父元素有錯誤的類。

Answer 1

問題很簡單。 django-angular形式使用自定義的error_class。但是_construct_form fn覆蓋了那個。我只需要在FormSet中指定相同的錯誤類別：

class MyFormSet(BaseInlineFormSet): 

    def __init__(self, *args, **kwargs): 
     kwargs.update({ 
      # makes sure that child forms render errors correctly... 
      "error_class": TupleErrorList, 
     }) 
     super(MyFormSet, self).__init__(*args, **kwargs)