JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.5/angular.min.js"></script>
<form ng-app="app" name="outerForm" ng-controller="mainCtrl" id="outerForm" ng-submit="submitOuter()">
    <ng-form name="innerForm" id="innerForm">
        <button type="button" ng-click="submitInner()">Search1</button>
    </ng-form>
    <ng-form name="innerForm1" id="innerForm1">
        <button type="button" ng-click="submitInner1()">Search2</button>
    </ng-form>
    <button type="submit">Next Step</button>
</form>

JavaScript

angular.module('app', [])
    .controller('mainCtrl', function ($scope) {
    $scope.submitOuter = function () {
        alert("outer");
    };

    $scope.submitInner = function () {
        alert("Search1");
    };
    
    $scope.submitInner1 = function () {
        alert("Search2");
    };

})