treeview多级菜单并且带有选择点击事件（angularJS

html部分是

<div id="tree" style="width: 97%" class="ds-panel-content" kendo-tree-view="tree" k-options="treeOption" k-data-value-field="'id'" k-data-text-field="'text'" k-data-source="dataSource" k-on-change="selectItem(dataItem)" draggable="false">

                <span k-template style="display:block;line-height:100%;padding:10px;margin:0px" title="{{dataItem.text}}">{{dataItem.text}}</span>

            </div>

js后台部分

$scope.treeOption = {

        dragAndDrop: false,

        expandAll: true,

    };

//datas必须是对象数组，对象中必须包含id和text的两个属性，同时子属性对象数组必须是items 

//才可以生效，需要引入kendo UI和angularJS的依赖

var datasource = new kendo.data.HierarchicalDataSource({

        data: datas,

        schema: {

            model: {

                children: "items"

            }

        }

    });

//点击选择事件

$scope.selectItem = function(data) {

        alert(data.text);

        console.log(data.text);

    }