1

我有一个名为 的指令step-field，在指令的模板中我有输入或选择元素，有时应该有 max-length 或 ng-required 或一些自定义指令，如validate-username.

步骤字段如下所示：

<step-field parent="Admin" field="Username"></step-field>

我想在这个指令中添加“validate-username”和“required=true”，所以它看起来像这样

<step-field parent="Admin" field="Username" validate-username required="true"></step-field>

在指令模板的内部，我想要验证用户名并要求将其传递给输入字段。（顺便说一句 $scope.isRequired = attrs.required）

<div class="field">
    <label> {{fieldName}}:</label>
    <input
            name="{{inputName}}"
            ng-model="wizard[modelName][fieldNameCamel]"
            ng-required="{{isRequired}}"
            type="{{inputType}}"/>
    <div class="field--required" ng-if="isRequired===true"> * </div>
    <div class="ng-messages__wrap"
         ng-show="wizardForm[step][inputName].$dirty || wizardSubmittedOnce">
        <div ng-messages="wizardForm[step][inputName].$error"
             ng-messages-include="/templates/error-messages.html"></div>
    </div>
</div>

如何将我传递给步骤字段的一些指令应用到模板中的输入字段？

谢谢！

4

0 回答 0