AngularJS指令，用于基于表单验证的dom操作

Question

我正在使用AngularJS验证功能，如下所示：

<input type="text" class="form-control" ng-required="true" name="application_name" id="application_name" ng-model="jobApplication.description" required>

如果输入字段为空，AngluarJS会将ng-invalid css类分配给输入字段。不幸的是，我使用的主题需要父/周围div上的css类：

<div class="form-group form-md-line-input " ng-class="!new_application_form.application_name.$valid && new_application_form.application_name.$touched ? 'has-error' : ''">
    <div class="input-group right-addon">
        <input type="text" class="form-control" ng-required="true" name="application_name" id="application_name" ng-model="jobApplication.description" required>
        <label for="application_name">Stellenbezeichnung: {{ jobApplication.description }}</label> 
        <span class="help-block">Help text</span>
        <span class="input-group-addon">
            <i ng-show="new_application_form.application_name.$valid" class="fa fa-warning tooltips" data-original-title="help text" aria-describedby="tooltip122640"></i>
        </span>

    </div>
</div>

正如您所看到的，我使用了一种解决方法（如this post建议）。它有效，但它确实不像＃34;角度方式＆＃34;。它是冗余代码，我考虑过使用指令。类似＆＃34;取所有div与css类＆＃34; form-md-line-input＆＃34;，查找输入字段并在相关模型/表格无效时应用css类。这可能吗？