zhenjl

var container = znPageManager.container('zn-pages-container-0');
// or znPageManager.containers()[0]

$scope.slideLeft = function() { container.slideLeft(); };
$scope.slideRight = function() { container.slideRight(); };
$scope.slideDown = function() { container.slideDown(); };
$scope.slideUp = function() { container.slideUp(); };
$scope.slideHome = function() { container.slideHome(); };

zhenjl

<div zn-pages zn-pages-start="0" zn-pages-swipe>
    <ul zn-pages-start="1">
        <li style="background-color: #1abc9c; width: 250px">Pages</li>
        <li style="background-color: #3498db">Main</li>
    </ul>
    <ul zn-pages-start="1">
        <li ng-repeat="val in colors track by $id($index)" style="background-color: {{ val }}; text-align: center; margin: 0 auto">{{ val }}</li>
    </ul>
    <ul>
        <li style="background-color: #95a5a6">Credits</li>