验证非输入字段的角度

Question

I have following piece of code:

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

Now, I would like to attach some validation to this <div> . I mean some logical condition (depending on values in controller) which is checked during submiting form (I have binded function in conroller with this submit button).

The result of validating should be message, almost exactly the same as here:

To sum up: I am searching for a way to validate non-input field in some specific way.

Answer 1

I think that what you are looking for is:

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

Where ctrl.resultOfTheValidation would have a true/false value. I hope this helps you :)

Answer 2

set name for your form and input and set rquired attribute for your input and set novalidate attribute to your form.

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