Мне нужно знать, если это возможно, и в случае да, как это сделать.Wrap divs вокруг ввода с директивой
Я вход в моей форме, как это:
<input type="text" class="form-control" name="dirinput"
placeholder="Placeholder"
translate
translate-attr-placeholder="{{ placeholder }}"
ng-model-options="{ debounce: 500 }">
Я хотел бы, вокруг этого входа, завернуть дивы управлять этикетки и ошибки, если есть (как показывает строку в случае ошибки) , Мне также нужно иметь возможность указывать директивы на входном элементе.
На данный момент я писать весь этот код для каждого входа
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<div class="form-group label-static"
ng-class="{ 'has-error': relatedForm.first_name.$invalid && relatedForm.first_name.$dirty,
'has-success' : relatedForm.first_name.$valid }">
<label for="input-first_name"
class="control-label" translate>
FIRST_NAME
</label>
<input type="text" class="form-control"
id="input-first_name" name="first_name"
placeholder="First name"
ng-model="relatedCtrl.data.first_name"
ng-model-options="{ debounce: 500 }"
required autofocus>
<p class="help-block"
ng-if="relatedForm.first_name.$error.required" translate>
ERR_FIRST_NAME_REQUIRED
</p>
</div>
</div>
Если вы можете видеть, что есть много коды «дубликат», и я брожу, если это возможно, чтобы избежать этого.
Большое спасибо
Да, можно, и, вероятно, следует использовать директиву, однако вы не можете «обернуть» директивы вокруг других объектов (насколько я знаю). Вместо этого создайте директиву и передайте параметры для заполнения динамических данных (таких как имена ввода, имена моделей и т. Д.). – Seonixx
Можете ли вы показать мне пример? – Stefano