<iphone-app> <title-bar> <button-prev /> </title-bar> <slider> <image src="1.jpg" /> </slider> </iphone-app>
angular.module(...).directive('titleBar', function(){ template: '<header class="bar-title"><h1 class="title">{{title}}</h1></header>' });
[1] http://docs.angularjs.org/guide/directive
[1] http://docs.angularjs.org/guide/directive
On the backend you can have something like: Will make writing the code much easier and intuitive.