Angularjs 使用角度指令设置高度

使用Angular（和Ionic）我有一个简单的指令，试图设置内部元素的高度以匹配其父元素的高度

.directive('matchHeight', function() {
  return {
    restrict: 'A',
    link: function($scope,elem,attrs) {
      var parentHeight = elem.parent()[0].offsetHeight;
      elem.css('height', parentHeight + 'px');
    }
  };
});

它拾取的高度不是父对象的实际高度，但是。。。如果我检查DOM中的高度或记录父对象，并查看那里的offsetHeight，它与正在设置的高度不同。我怀疑这与指令被应用的时间有关，这是我完全无法理解的。。。有人对此有什么建议吗

---

你为什么不能用100%的高度来做这个？我觉得很像。我尝试更改背景颜色，子元素填充父元素。你能不能给我一张你想要的东西的草图，或者更好地描述一下？如果你把屏幕的大小调整到接近手机的大小，你就能看到哪里不起作用了。调整其大小，使第二个框的文本包裹，然后刷新（codepen喜欢使用一个大窗口刷新视图，以便获得最佳结果，打开codepen右侧的检查器）。Chromium（Android浏览器）上无法使用100%的高度。