离子ViewChild到内容

Question

我正在尝试获取元素的高度（或者我最终可以构建的其他一些属性，以便在div处于视图中时检测到）：

在ts。对于离子项目：

import { ViewChild } from '@angular/core';
import { Content } from 'ionic-angular';

...
export class itemThumb {      
    @ViewChild('mycontent') my_content: Content; 

    ...

    test() {  
       console.log(this.my_content.contentHeight);
    };

}

然后在html。

<ion-content>
      <div class="test" (click)="test();" #mycontent>Test</div>
</ion-content>

从ionic documents，它表明我可以使用@ViewChild(Content) content: Content;定位ion-content。

但是，我想要定位我自己的元素<ion-content>而不是#mycontent，我可以使用Content个实例成员（例如contentHeight）

当然，我可以使用ElementRef：@ViewChild('mycontent') my_content: ElementRef;

但我读到Use this API as the last resort when direct access to DOM is needed. Use templating and data-binding provided by Angular instead. Alternatively you can take a look at Renderer2 which provides API that can safely be used even when direct access to native elements is not supported.

我如何定位div并仍然可以访问离子Content实例成员？

任何想法都将不胜感激。

谢谢。