JSFiddle - React, Tailwind, and code Playground

by Alaksandar Jesus Gene

HTML

<div ng-app="myApp">
    <div ng-controller="listCtrl">
        <div class="one">
            <ul>
                <li ng-repeat="list in lists">{{list}}</li>
            </ul>
            <button ng-click="showOptions = !showOptions">{{showOptions?'Hide':'Show'}} Options</button>
        </div>
         <div class="two" ng-show="showOptions">
            <ul>
                <li ng-repeat="list in options" ng-click="add($index)">{{list}}</li>
            </ul>
        </div>
    </div>
</div>

JavaScript

var myApp = angular.module('myApp',[]);
myApp.controller('listCtrl',function($scope){
    
    $scope.lists =['Monday','Tuesday'];
    
    $scope.options =['Sunday','Saturday'];
    
    $scope.add = function(index){
    
        $scope.lists.push($scope.options[index]);
         $scope.options.splice(index,1);

        
    };

});