JSFiddle - React, Tailwind, and code Playground
HTML
<div ng-app="myApp" ng-controller="myCtrl">
<div class="h" ng-repeat-start="val in data">{{val.title}}</div>
<div ng-repeat="con in val.content">
{{con}}
</div>
<div class="b" ng-repeat-end>footer</div>
</div>
CSS
.h {
background-color:lightblue;
}
.b {
background-color:pink;
}
JavaScript
angular.module("myApp", [])
.controller("myCtrl", ["$scope", function ($scope) {
console.log("yo");
$scope.data = [{
title: "foo",
content: ["x", "y"]
}, {
title: "bar",
content: ["a", "b"]
}];
$scope.msg = "hello";
}]);