2017-12-23 27 views
0

単一選択ネストされたツリーAngular Components Exampleから実装していて、サンプルコードが選択された値を取得しています。ダーツ角型 - 選択した値のフルパスを取得するにはどうすればよいですか?

選択した値と選択した親グループのタイトルで完全なパスを取得したいとします。

これは可能ですか?私はAPIのドキュメントを探していますが、まだ見つけていません。

例:

<material-tree 
     [options]="nestedOptions" 
     [expandAll]="expandAll" 
     [selection]="singleSelection"> 
</material-tree> 

-

final SelectionOptions nestedOptions = new _NestedSelectionOptions([ 
new OptionGroup(
    ['Animated Feature Films', 'Live-Action Films', 'Documentary Films']) 
], { 
'Animated Feature Films': [ 
    new OptionGroup([ 
    'Cinderalla', 
    'Alice In Wonderland', 
    'Peter Pan', 
    'Lady and the Tramp', 
    ]) 
], 
'Live-Action Films': [ 
    new OptionGroup(
     ['Treasure Island', 'The Littlest Outlaw', 'Old Yeller', 'Star Wars']) 
], 
'Documentary Films': [ 
    new OptionGroup(['Frank and Ollie', 'Sacred Planet']) 
], 
'Star Wars': [ 
    new OptionGroup(['By George Lucas']) 
], 
'By George Lucas': [ 
    new OptionGroup(
     ['A New Hope', 'Empire Strikes Back', 'Return of the Jedi']) 
] 
}); 

答えて

1

パス情報を表示するための方法で構築ありません。その作業を行うためには、親情報を格納し、アクセス可能にする値のクラスを作成する必要があります。その後、ItemRendererを使用して、マテリアルツリーで使用するときに文字列として表示されるようにします。

関連する問題