显示时将指令应用于先前隐藏的内容

Question

我的页面上有两个具有相同指令的div。一个叫做medium，一个叫做large。

<div class="mediumLayout">
   <div ng-controller="PortfolioListCtrl" list-portfolios></div>
</div>
<div class="largeLayout">
   <div ng-controller="PortfolioListCtrl" list-portfolios></div>
</div>

使用CSS我根据浏览器宽度显示或隐藏其中一个：

.largeLayout {
display: none;
}

@media (min-width: 2000px) {
  .largeLayout {
      display: block;
   }   
   .mediumLayout {
       display: none;
   }
}

当我调整浏览器大小时，它会显示大，但Angular不会呈现内容，除非我触发其他事件。

是否有一种简单的方法可以在显示更改时触发控制器渲染？