Angular: transclude example 1.3

http://angularjs.org/

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.8/angular.js"></script>
<div ng-controller="myController">
    <button ng-click="openItems()">open items mock function</button>
    <div ng-show="values.length" ng-repeat="item in values">{{item}}  = item</div>
    <div ng-show="values1.length" ng-repeat="item1 in values1">{{item1}} = item1</div>
</div>

JavaScript

var myApp = angular.module('myApp', []);


        //transclude example
        myApp.controller("myController", function ($scope) {
            $scope.values = [];
            $scope.values1 = [];


            $scope.openItems = function () {
                if ($scope.values.length === 0) {
                    $scope.values1 = [];
                    $scope.values = ["1", "2", "3"];
                } else {
                    //empty the first one so we make the hide/show logic simple
                    $scope.values = [];
                    $scope.values1 = ["1", "2", "3"];
                }
            };
        });