JSFiddle - React, Tailwind, and code Playground

by Michele Marcucci

HTML

<div ng-app="myApp" ng-controller="myCtrl">
    <select style="width:100px;" data-nodrag ng-model="conditions" ng-change="changingCondition()">
        <option value="and">and</option>
        <option value="or">or</option>
    </select>
    {{data}}
</div>

JavaScript

angular.module('myApp', [])
    .controller('myCtrl', function ($scope) {
    $scope.changingCondition = function () {
        $scope.data = [{
            "and": [{
                "fieldName": "",
                    "value": "",
                    "condition": ""
            }]
        }];

        if ($scope.conditions === 'or') {
            $scope.data[0].or = $scope.data[0].and;
            delete $scope.data[0].and;
        }
    }
});