驗證非輸入字段的角度

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>