Javascript AngularJS将模型链接到ng show

我正在尝试创建一个

指令，它具有基本的表单验证

我需要修改标记以使其看起来像这样

<div class="form-group has-feedback">
    <input name="street_address_1" ng-model="customer.street_address_1" />
    <span class="fa fa-check fa-fw" ng-show="customerCreateForm.street_address_1.$valid"></span>
    <span class="fa fa-times fa-fw" ng-show="customerCreateForm.street_address_1.$invalid"></span>
</div>

这就是我使用指令的方式：

<input-field name="street_address_1" ng-model="customer.street_address_1" form="customerCreateForm" required />

编辑：

下面是一个例子：

---

我想你需要的是：

ng-show="{{fieldForm.$name}}.{{fieldName}}.$invalid"

它产生：

<span class="fa fa-check fa-fw form-control-feedback ng-hide" 
      ng-show="customerCreateForm.street_address_2.$valid">
</span>

---

请看

你能发布一篇文章吗？我不知道你在做什么，但你看过指令的转置选项了吗？它允许您将任意标记传递到指令的模板。。。此外，当前的plunkr肯定会有帮助。使用transclude的解决方案可能需要使用ngModelController，因此您的指令可以处理您传递的“任意”标记中的任何ng模型值。现在，它们是plunkr，我改变了问题

<span class="fa fa-check fa-fw form-control-feedback ng-hide" 
      ng-show="customerCreateForm.street_address_2.$valid">
</span>