AngularJS使用包含表单输入的自定义指令 - 验证问题

Question

我在使用包含表单输入的自定义指令时遇到AngularJS问题。

指令的html如下：

    <div class="form-group" data-width="{{vm.width}}" ng-class=" { 'has-error': {{vm.formName}}.{{vm.elementName}}.$invalid } ">

<label class="control-label" for="{{vm.elementName}}">
    {{vm.labelText}} <i ng-show="vm.isRequired" class="fa fa-asterisk form-control-required-symbol"></i>
</label>
<input class="form-control" data-width="{{vm.width}}" id="{{vm.elementName}}" name="{{vm.elementName}}" ng-required="{{vm.isRequired}}" type="text" ng-model="vm.value" placeholder="{{vm.placeholderText}}" />
<span class="field-validation-valid" data-valmsg-for="{{vm.elementName}}" data-valmsg-replace="true"></span>

我有一个插件 - 请检查出来并帮我解决这个问题:-) http://plnkr.co/edit/jFqMXVCKCSUpwij6aTUB?p=preview

最好的问候。