JSFiddle - React, Tailwind, and code Playground

by Evgenii Malikov

HTML

<div ng-app="myApp" ng-controller="myCtrl as mv">
    <form name="mv.form">
        <p ng-show="mv.form.$pristine">pristine</p>
        <input ng-model="mv.text"><br>
            <p>some non-input element</p>
            <p><a href="#" ng-click="mv.setDirty(mv.form)">set dirty</a></p>
            <p><a href="#" ng-click="mv.setPristine(mv.form)">set pristine</a></p>
            <p><a href="#" ng-click="mv.action()">not form related action</a></p>
            <div ng-show="mv.show">some block</div>
    </form>
</div>

JavaScript

angular.module('myApp', []).controller('myCtrl', function () {
    var mv = this;
    mv.show=false;
    mv.setDirty = function (form) {
        form.$setDirty();
    }
    
        mv.setPristine = function (form) {
        form.$setPristine();
    }
        mv.action= function(){
        mv.show=true;
          mv.text=123;
        }
});