如何将指令传递给AngularJS中的指令模板中的元素？

Question

我有一个名为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>

在指令模板的内部，我想要validate-username并且需要传递给输入字段。 （btw $ 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>

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

谢谢！