{"_id":"598622fad09433000f1b97f0","category":{"_id":"598622f9d09433000f1b97de","version":"598622f9d09433000f1b97dd","project":"5707c6875309d117006948d4","__v":0,"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2017-07-15T07:28:09.870Z","from_sync":false,"order":0,"slug":"getting-started","title":"Basic"},"project":"5707c6875309d117006948d4","user":"54d742a80771980d0052f4b5","parentDoc":null,"version":{"_id":"598622f9d09433000f1b97dd","project":"5707c6875309d117006948d4","__v":1,"createdAt":"2017-08-05T19:56:41.267Z","releaseDate":"2017-08-05T19:56:41.267Z","categories":["598622f9d09433000f1b97de","598622f9d09433000f1b97df","598622f9d09433000f1b97e0","598622f9d09433000f1b97e1"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"4.1.0","version":"4.1.0"},"__v":0,"updates":[],"next":{"pages":[],"description":""},"createdAt":"2017-07-15T07:33:00.256Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"settings":"","results":{"codes":[]},"auth":"required","params":[],"url":""},"isReference":false,"order":4,"body":"You can access the tree API by using the `treeModel` attribute on the element:\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"\\t<tree-root #tree [nodes]=\\\"nodes\\\"></tree-root>\\n\\n  <button (click)=\\\"tree.treeModel.focusNextNode()\\\">next node</button>\\n  <button (click)=\\\"tree.treeModel.focusPreviousNode()\\\">previous node</button>\\n  <button (click)=\\\"tree.treeModel.focusDrillDown()\\\">drill down</button>\\n  <button (click)=\\\"tree.treeModel.focusDrillUp()\\\">drill up</button>\\n\",\n      \"language\": \"html\"\n    }\n  ]\n}\n[/block]\nOr by accessing the treeNode that is passed through [Events](doc:events) or using [Action Mapping](doc:action-mapping).\n\nYou can find the complete API for TreeModel here:\n[TreeModel](doc:treemodel) \n\nAnd the complete API for TreeNode here:\n[block:embed]\n{\n  \"html\": false,\n  \"url\": \"https://rawgit.com/500tech/angular-tree-component/master/doc/modules/_api_.html\",\n  \"title\": \"\\\"api\\\" | angular2-tree-component\",\n  \"favicon\": \"https://rawgit.com/favicon.ico\",\n  \"iframe\": true,\n  \"height\": \"1500px\",\n  \"width\": \"100%\"\n}\n[/block]","excerpt":"","slug":"calling-methods-on-the-tree","type":"basic","title":"Calling methods on the tree"}

Calling methods on the tree


You can access the tree API by using the `treeModel` attribute on the element: [block:code] { "codes": [ { "code": "\t<tree-root #tree [nodes]=\"nodes\"></tree-root>\n\n <button (click)=\"tree.treeModel.focusNextNode()\">next node</button>\n <button (click)=\"tree.treeModel.focusPreviousNode()\">previous node</button>\n <button (click)=\"tree.treeModel.focusDrillDown()\">drill down</button>\n <button (click)=\"tree.treeModel.focusDrillUp()\">drill up</button>\n", "language": "html" } ] } [/block] Or by accessing the treeNode that is passed through [Events](doc:events) or using [Action Mapping](doc:action-mapping). You can find the complete API for TreeModel here: [TreeModel](doc:treemodel) And the complete API for TreeNode here: [block:embed] { "html": false, "url": "https://rawgit.com/500tech/angular-tree-component/master/doc/modules/_api_.html", "title": "\"api\" | angular2-tree-component", "favicon": "https://rawgit.com/favicon.ico", "iframe": true, "height": "1500px", "width": "100%" } [/block]