food-card.html

<div class="food-card">
	<div class="food-template">
		<div class="summary">
			<div class="quantity field">
				<div class="icon">
					<i class="fa fa-cutlery" aria-hidden="true"></i>
				</div>
				<div class="desc">
					<div class="" ng-repeat="fooditem in fooditems = (item.data.list |
						filterByValue: {name: 'mealtype', type:'EXCL', value: ''})">
						<span class="title">{{::(fooditem.foodtext ? fooditem.foodtext : 'No Title')}}</span>
						<span class="qty" ng-show="fooditem.qtytype != ''">{{::fooditem.quantity}}</span>
						<span class="type">{{::fooditem.qtytype | quantityType}}</span>
					</div>
				</div>
			</div>
			<div class="calories field">
				<div class="icon">
					<i class="fa fa-bolt" aria-hidden="true"></i>
				</div>
				<div class="desc">
					{{ item.data.list | totalCaloriesCount }} calories
				</div>
			</div>
		</div>
	</div>
</div>