JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.js"></script>
<div class="col-lg-12" ng-controller="OrderController">
	<div class="container">
		<form class="defaultinput col-xl-5 col-lg-6 col-md-8 d-flex justify-content-start">
			<svg class="align-self-center d-flex" height="20px" version="1.1" viewbox="7 5 20 20" width="20px" xmlns="http://www.w3.org/2000/svg">
			<defs></defs>
			<path d="M27,23.5376923 L20.7969231,17.3046154 C21.7538462,16.0192308 22.3276923,14.4292308 22.3276923,12.7007692 C22.3276923,8.44769231 18.8969231,5 14.6638462,5 C10.4307692,5 7,8.44769231 7,12.7007692 C7,16.9538462 10.4307692,20.4015385 14.6638462,20.4015385 C16.4084615,20.4015385 18.0123077,19.8092308 19.3,18.8223077 L25.4476923,25 L27,23.5376923 L27,23.5376923 Z M8.35846154,12.7007692 C8.35846154,9.20692308 11.1869231,6.36461538 14.6638462,6.36461538 C18.1407692,6.36461538 20.9692308,9.20692308 20.9692308,12.7007692 C20.9692308,16.1946154 18.1407692,19.0369231 14.6638462,19.0369231 C11.1869231,19.0369231 8.35846154,16.1946154 8.35846154,12.7007692 L8.35846154,12.7007692 Z" fill="#8E8E93" fill-rule="evenodd" id="Search-Icon" stroke="none"></path></svg>
			<input class="form-control" placeholder="{{ 'Zoeken' | translate }}" type="text">
		</form>
		<div class="row listrow" ng-repeat="order in orders">
			<div ng-click="showOrder(order)" class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
				<div class="col-lg-3">
					<p type="number" ng-bind="order.id" ng-value="order.id"></p>
				</div>
				<div class="col-lg-4">
					<p ng-bind="order.invoice_date"></p>
				</div>
				<div class="col-lg-5">
					<p ng-bind="order.total_paid_real"></p>
				</div>
			</div>
		</div>
	</div>
</div>

<!-- The more information list -->

<div class="col-lg-11" ng-controller="OrderController">
	<div>
		<div ng-repeat="order in orders | filter: currentOrder" class="text-center margin-t-10">
			<div class="row listrow"></div>
			<h1>{{ 'Totaal' | translate }}</h1><h1...

JavaScript

// Orders
myApp.controller('OrderController', function($scope, $http){
    $http.get('config/get/getOrders.php').then(function(response){
        $scope.orders = response.data.orders.order
    });
    $scope.currentOrder = {
        "id": 3
    };
    console.log($scope.currentOrder);
    $scope.showOrder = function(order) {
		var order_id = order.id;

        $scope.currentOrder = {
			"id": parseInt(order_id)
        };

        console.log($scope.currentOrder);
        return $scope.currentOrder;
    }
});