yyebmo

index.html

<ion-view>
<ion-header-bar class="bar-positive">
    <button class="button icon ion-arrow-left-c"></button> 
  <h1 class="title">Father</h1>
</ion-header-bar>
<div style="margin-top:100px">
    <tr ng-if="$first" class="row">
    <div ng-if="$index % 2==0"></tr><tr class="row">nuova riga</div>
 <div class="col col-50" ng-class="{'center':$last}">
     <span><a style="display:block;width:100px;height:100px;border-radius:50px;font-size:20px;color:#fff;line-height:100px;text-align:center;background:#000" href="detail">vai</a>: {{father.tipo}}</span>
     </div>
<div ng-if="$last"></tr></div>
</div>
</ion-view>
<script id="detail" type="text/ng-template">
<ion-header-bar class="bar-positive">
    <button class="button icon ion-arrow-left-c"></button> 
  <h1 class="title">Detail</h1>
</ion-header-bar>
<div style="margin-top:100px">
<p>dettaglio</p>
  </div>
</script>

script.js

angular.module('starter', [
  'ionic',
'ngRoute',
  'starter.father',
  'starter.detail',
  'restangular'
])
$stateProvider.state('father', {
url: "/father",
templateUrl: "templates/father.html",
controller: "CtrlFather"
})
.state('detail', {
url: "father/detail",
templateUrl: "templates/detail.html",
controller: "CtrlDetail"
});

angular.module('starter.father', ['restangular'])
    .controller('CtrlFather', ['$scope', '$http', '$location', 'Restangular', '$rootScope',
        function ($scope, $http, $location, Restangular, $rootScope) {
          
          
        }]);

angular.module('starter.detail', ['restangular'])
    .controller('CtrlDetail', ['$scope', '$http', '$location', 'Restangular', '$rootScope',
        function ($scope, $http, $location, Restangular, $rootScope) {
          
          
        }]);

yyebmo.markdown

yyebmo

A Pen by Captain Anonymous on CodePen.

License.