Проблема ngPattern с динамическими формами внутри ngRepeat - PullRequest
Новая
       14

Проблема ngPattern с динамическими формами внутри ngRepeat

0 голосов
/ 07 сентября 2018

У меня возникла проблема на некоторое время, и я чувствую, что исчерпал все усилия.

У меня есть динамическая форма, созданная с помощью ng-repeat, по какой-то причине ng-pattern будетне работает в этом сценарии, но ng-required отлично работает. 

field.label = "test input"
field.key = "test_input"
field.type = "text"
field.templateOptions.type = "text"
field.templateOptions.required = true
field.templateOptions.pattern = "\\d+"

Вот код: 

<form name="form">
   <div ng-repeat="field in fields">
      <div ng-if="field-type=='input'">
         <label>{{field.label}}</label>
         <input 
             type="{{field.templateOptions.type}}" 
             name="{{field.key}}"
             ng-required="{{field.templateOptions.required}}"
             ng-pattern="{{field.templateOptions.pattern}}"
             ng-model="model[field.key]"
         />
         <div ng-show="form[field.key].$error.required">Required Field</div>
         <div ng-show="form[field.key].$dirty && form[field.key].$error.pattern">Numeric Field Required</div>
      </div>
   </div>

Я даже пытался использовать нг-form внутри ng-repeat (это не сработало).

Это работает, однако его нет в ng-repeat: 

<form name="form">
    <label>test input</label>
    <input type="text"
            name="test_input"
            ng-required="true"
            ng-pattern="\\d+"
            ng-model="model" />
    <div ng-show="form.test_input.$error.required">Required Field</div>
    <div ng-show="form.test_input.$dirty && form.test_input.$error.pattern">Numeric Field Required</div>
</form>

Любая помощь будет принята с благодарностью, спасибо

...