{"action":"opened","issue":{"url":"https://api.github.com/repos/fer/ion-tree-list/issues/42","repository_url":"https://api.github.com/repos/fer/ion-tree-list","labels_url":"https://api.github.com/repos/fer/ion-tree-list/issues/42/labels{/name}","comments_url":"https://api.github.com/repos/fer/ion-tree-list/issues/42/comments","events_url":"https://api.github.com/repos/fer/ion-tree-list/issues/42/events","html_url":"https://github.com/fer/ion-tree-list/issues/42","id":188020035,"number":42,"title":"Can the ion-tree-list be combined with a navigation view?","user":{"login":"patrickpirzer","id":23340125,"avatar_url":"https://avatars.githubusercontent.com/u/23340125?v=3","gravatar_id":"","url":"https://api.github.com/users/patrickpirzer","html_url":"https://github.com/patrickpirzer","followers_url":"https://api.github.com/users/patrickpirzer/followers","following_url":"https://api.github.com/users/patrickpirzer/following{/other_user}","gists_url":"https://api.github.com/users/patrickpirzer/gists{/gist_id}","starred_url":"https://api.github.com/users/patrickpirzer/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/patrickpirzer/subscriptions","organizations_url":"https://api.github.com/users/patrickpirzer/orgs","repos_url":"https://api.github.com/users/patrickpirzer/repos","events_url":"https://api.github.com/users/patrickpirzer/events{/privacy}","received_events_url":"https://api.github.com/users/patrickpirzer/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-11-08T15:22:50Z","updated_at":"2016-11-08T15:22:50Z","closed_at":null,"body":"Hello,\r\n\r\nI have implemented the ion-tree-list in a web-app (ionic tabs app).\r\nThe source for the tree is defined in services.js like that:\r\n\r\n```\r\n.factory('VerificationTree', function () {\r\n    var verificationTree = [\r\n        {\r\n            id: 'operator',\r\n            name: 'Operator'\r\n        },\r\n        {\r\n            id: 'type_of_test',\r\n            name: 'Type of test',\r\n        },\r\n        {\r\n            id: 'system',\r\n            name: 'System'\r\n        },\r\n        {\r\n            id: 'component',\r\n            name: 'Component'\r\n        },\r\n        {\r\n            id: 'component_group',\r\n            name: 'Component group',\r\n            tree: [\r\n                {\r\n                    id: 'component2',\r\n                    name: 'Component'\r\n                }\r\n            ]\r\n        }\r\n    ];\r\n\r\n    return {\r\n        all: function () {\r\n            return verificationTree;\r\n        }\r\n    };\r\n})\r\n\r\n```\r\nIn controller.js i try to open another page when i click on a tree-list-item:\r\n\r\n`.controller('VerificationCtrl', function ($scope, VerificationTree) {\r\n    $scope.verificationTree = VerificationTree.all();\r\n    $scope.$on('$ionTreeList:ItemClicked', function (event, item) {\r\n        if (item.id == 'type_of_test') {\r\n            window.open('templates/type-of-test.html');\r\n        };\r\n        //if (item.id == 'component2') {\r\n        //    alert('The ion-tree-list item component2 was clicked');\r\n        //};\r\n    })\r\n})\r\n`\r\nWhen i click per example on the item with the id \"type_of_test\", the page type-of-test is opened in another browser tab, but the layout looks strange.\r\nThe normal ionic tabs layout is lost.\r\nCan i combine the tree with a navigation view like that and how?\r\n\r\n`var app = angular.module('myApp', ['ionic']);\r\napp.config(function($stateProvider) {\r\n  $stateProvider\r\n  .state('index', {\r\n    url: '/',\r\n    templateUrl: 'home.html'\r\n  })\r\n  .state('type-of-test ', {\r\n    url: '/type-of-test ',\r\n    templateUrl: 'type-of-test .html'\r\n  });\r\n});\r\n`\r\n\r\nThank you."}}
{"actor":{"display_login":"patrickpirzer"}}