Consider the JavaScript object literal stored in a controller variable like this:
this.data = [{
name: '1',
children: [{
name: '11',
children: [{
name: '111'}, {
name: '112'}]}, {
name: '12',
children: [{
name: '121'}, {
name: '122'}]}]}, {
name: '2',
children: [{
name: '21'}, {
name: '22'}]}];
I am looking for a way to display only the children.children.name values in the view. I have considered using ng-repeat-start and ng-repeat-end, but I believe it may not be helpful in this case.
Another option I came across is creating a custom directive with no "html value" template, although I find this solution less than optimal.