Angular-matrix-validation NPM

Angular Matrix Validation

This module provide an addon directive for form to validate matrix form.

Example

<body ng-app="test" ng-controller="ctrlTest">
    <ng-form name="mForm" matrix-validator data-all="validator">
        <table>
            <tr ng-repeat="row in matrix" ng-init="rowId = $index">
                <td ng-repeat="item in row track by $index">
                    <input ng-model="row[$index]" type="number"
                           data-row="rowId" data-col="$index"
                           name="item{{rowId}}_{{$index}}"
                           ng-class="{error: mForm['item'+rowId+'_'+$index].$invalid}"
                    >
                </td>
            </tr>
        </table>
    </ng-form>
</body>

angular.module('test', ['matrixValidation']).controller('ctrlTest', [
        '$scope',
        ($scope) => {
            $scope.matrix = [
                [0,0,0],
                [0,0,0],
                [0,0,0]
            ];

            $scope.test=2;

            /**
             * @param {mixed[][]} matrix The matrix with the value of form fields
             * @param {null[][]} validationMatrix The validation matrix template.
             * @returns {boolean[][]}
             */
            $scope.validator = (matrix, validationMatrix) => {
                // Do something to fill validationMatrix with true/false
                // to validate matrix.
                
                // validationMatrix is give to help you to construct it.
                // It have the same dimension than matrix.
                // But you to return it.
                return validationMatrix;
            };
        }
    ]);

@everything-registry/sub-chunk-1134 @infinitebrahmanuniverse/nolb-angular-m

0.1.0

7 years ago