You can do it by first initializing AngularJS data and then showing it:
@model IEnumerable<Avanade.Bureau.DataAccessLayer.DatabaseModel.SubscriptionType>
@{
ViewBag.Title = "Subscriptions";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.8/angular-animate.js"></script>
<body ng-app ="ngAnimate">
<h2>Subscriptions</h2>
<div ng-init="data = [
@foreach (var item in Model) {
<text>{id: '@item.Id' , code: '@item.Code' , description: '@item.Description' },</text>
}
]">
</div>
<table class="table">
<tr>
<th>
@Html.DisplayNameFor(model => model.Code)
</th>
<th>
@Html.DisplayNameFor(model => model.Description)
</th>
<th></th>
</tr>
<tr ng-repeat="model in data">
<td class="first">{{model.id}}</td>
<td>{{model.code}}</td>
<td>{{model.description}}</td>
</tr>
</table>
</body>