shop.html

<div class="form-group col-lg-3">
    <label for="search">Search</label>
    <input id="search" type="text" class="form-control" placeholder="Enter search term" ng-model="search">

    <p ng-show="search">Du suchst gerade nach <b>{{search}}</b></p>

    <p ng-hide="search">Du suchst gerade gar nichts.</p>

    <p ng-show="search">Uppercase: {{search.toUpperCase()}}</p>
</div>

<div class="col-lg-3">
    <table class="table" ng-controller="ArticlesCtrl">
        <tr ng-repeat="article in articles | filter:search">
            <td>{{article.id}}</td>
            <td>{{article.name}}</td>
            <td><span class="price" data-value="item.price"></span></td>
            <td><a href class="btn btn-primary btn-xs" ng-click="cart.addArticle(article);">Hinzufügen</a></td>
        </tr>
    </table>
</div>

<div class="col-lg-3" ng-controller="CartCtrl">
    <div ng-hide="cart.getItems().length" class="alert alert-warning">Ihr Warenkorb ist noch leer.</div>
    <table ng-show="cart.getItems().length" class="table">
        <tr ng-repeat="item in cart.getItems() track by $index" class="cart-item">
            <td>{{item.name}}</td>
            <td><span class="price" data-value="item.price"></span></td>
        </tr>
        <tr>
            <td>{{cart.getItems().length}} Artikel</td>
            <td>{{cart.sum() | currency}}</td>
            <td></td>
        </tr>
    </table>
</div>