验证非输入字段的角度

Question

我有以下代码：

<div class="field">
    <div class="ui message">
        <p> {{ ctrl.someValueFetchedFromDatabase}} </p>
    </div>
</div>

现在，我想对此<div>附加一些验证。 我的意思是在提交表单时检查了一些逻辑条件（取决于控制器中的值）（我已使用此提交按钮将控件绑定到了控制器中）。

验证的结果应该是message，几乎与此处完全相同：

总结：我正在寻找一种以特定方式验证非输入字段的方法。

Answer 1

我认为您正在寻找的是：

<div class="field">
    <div ng-if="ctrl.resultOfTheValidation" class="ui message">
        <p> {{ ctrl.someValueFetchedFromDatabase}} </p>
    </div>
</div>

其中ctrl.resultOfTheValidation的值为true / false。 我希望这可以帮助你 ：）

Answer 2

为表单和输入设置名称，为输入设置rquired属性，并为表单设置novalidate属性。

<div class="field">
    <div class="ui message" ng-show="{{formName.inputName.$error.required && formName.inputName.$dirty }}">
        <p> {{ ctrl.someValueFetchedFromDatabase}} </p>
    </div>
</div>