Angular DRY模板

Question

我是角色新手，我意识到我的模板中有很多重复的代码，例如单个字段。

制作模板DRY的最佳方法是什么。我想避免在一些辅助函数中连接字符串。

<div class="form-group">
    <label for="Name">
        {{'Name'|i18n}}: <span class="required">*</span>
    </label>
    <input type="text" class="form-control" ng-model="schema.Name" id="Name" name="Name" placeholder="{{'Name'|i18n}}" maxlength="100" required />
    <div ng-show="(submitted || form.Name.$dirty) && form.Name.$invalid">
        <span class="validation-text">{{'Required'|i18n:'i18n.Name'}}</span>
        <span class="validation-arrow"></span>
    </div>
    <div class="form-hint">{{'NameHint':i18n}}</div>
</div>

例如，在ASP.NET MVC中有很多辅助函数，对类似的东西很好，我可以使用例如：

textBox('schema.Name', { required: true, maxlength')
hint('schema.Name')

Answer 1

您可以使用自定义指令来减少重复，但代价是散射。如果真的只需要包含一个片段，那么include directive就可以完成这项工作。

<ng-include src="views/foo.html"/>