angular.module('destinationsApp', [])
.controller('destinationsCtrl', function($scope, $http){
$http.get('https://raw.githubusercontent.com/MAHUKI-Webdesign/suntrips.github.io/master/data.json').then(function(itemsResponse) {
$scope.items = itemsResponse.data;
});
});
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>document.write('<base href="' + document.location + '" />');</script>
<link rel="stylesheet" href="style.css" />
<script data-require="angular.js@1.5.x" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.11/angular.min.js" data-semver="1.5.11"></script>
<script src="app.js"></script>
</head>
<body>
<div ng-app="destinationsApp" class="clearfix middle-header-wrapper tg-wrapper">
<div id="ideaList">
<div ng-controller="destinationsCtrl" >
<div class="filter">
<p>Suchbegriff eingeben</p><input type="text" ng-model="search" />
</div>
<div class="clearfix"></div>
<div>Sort by:
<select ng-model="sortExpression">
<option value="idea.title">A-Z</option>
<option value="destination.Dauer">Duration</option>
</select>
</div>
<div class="clearfix"></div>
<div class="container">
<div ng-if="item.name == 'Thailand'" ng-repeat="item in items">
<div class="row" ng-repeat="idea in item.ideas | orderBy:mySortFunction | filter:search">
<div class="col-xs-4 col-md-2">
<div class="previewImg" style="background-image: url('{{idea.imageUrl}}') !important;"></div>
</div>
<div class="col-xs-8 col-md-8">
<h4>{{idea.title}}</h4>
<p class="truncate"><span ng-repeat="destination in idea.destinations"><b>{{destination.Dauer}}</b> {{destination.Ort}} </span></p>
</div>
<div class="col-xs-12 col-md-2">
<a href="{{idea.ideaUrl}}" class="btn btn-default btn-lightblue"><span ng-show="price in item.ideas">schon ab XXXX € <i class="fa fa-angle-right" aria-hidden="true"></i></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="bottomPills" ng-controller="destinationsCtrl" >
<h5>Weitere Kategorien</h5>
<div>
<a class="btn btn-default btn-green" ng-repeat="item in items" href="#0">{{item.name}}</a>
</div>
</div>
</div>
</div>
</body>
</html>
/* Put your css in here */