Question

我正在尝试验证内部组件但没有成功。
我有一个父组件：

    <ng-form novalidate name="{{$ctrl.name}}">
      <div class="PaddedArea FloatFar">
        <a class="button " href="#" ng-click="">{{$ctrl.resources.btn_ClearForm}}</a>
        <a class="button primary" href="#" 
           ng-click="appointmentSearch.$valid && $ctrl.search()"
           ng-disabled="appointmentSearch.$invalid">{{$ctrl.resources.btn_Find}}</a>
      </div>
    </ng-form>

当我在上面的代码中添加标记为 required 的输入时：

<qn-input placeholder="Public Name"
          label="Public Name"
          name="publicName"
          required="true"
          model="$ctrl.template.PublicName">
</qn-input>
<div class="TextError" 
     ng-show="onlineFormTemplate.publicName.$error.required">
    Pulic Name is required field
</div>

这一行

onlineFormTemplate.publicName.$error.required

评估为true，我按预期看到错误消息。
我试图将这个逻辑用于一些内部组件（3级深）。
我做的是：
1.发送绑定到内部组件：

    ...
    isRequired: '<',
    requiredMessage:'@',
    formName: '<',

2。如果需要，根据需要设置select元素：

 ng-required="$ctrl.isRequired"

3.并试图显示消息：

<div class="col-xs-12 TextError" 
             ng-show="$ctrl.formName.dropdownlist.$error.required && $ctrl.formName.dropdownlist.$dirty">
            {{$ctrl.requiredMessage}}
        </div>

没有成功。
知道我做错了什么或根本没做什么？
感谢

验证嵌套的角度1.5组件

0 个答案: