Angular material 仅在横向模式角度材质中应用布局填充

在md内容中有两个分区，我只想在横向模式下为第一个分区应用布局填充。有办法处理吗

<md-content layout-fill layout="column" flex >
      <div flex="45" id="c1" layout layout-align="center center"> 
        <div>
          <img src="http://www.hdicon.com/wp-content/uploads/2014/07/visa_2014-100x100.png" width="100" height="100"><br>
          <span>Label</span>
        </div>
      </div>
      <div flex="55" id="c2" layout layout-align="center center"> 
        <div>
          <md-input-container class="md-block">
            <label>First name</label>
            <input name="name" ng-model="user.name" required>                            
          </md-input-container>
        </div>
      </div>     
  </md-content>

标签
名字

---

我不知道有条件地应用此指令的方法。为了解决这个问题，您可以使用两个

指令，并使用

ng if

来切换它们，以便一次只将一个指令呈现到DOM中

<md-content layout-fill ng-if="landscapeBoolean">...</md-content>
<md-content ng-if="!landscapeBoolean">...</md-content>

。。。
...

---

然后，您可以侦听方向更改事件，并相应地切换布尔值。

感谢您的回复，但我们必须为一个属性复制整个内容：（是的，这不是最令人满意的解决方案，但我不认为有更好的方法。您可以为内部内容定义一个指令，因此不需要太多重复。由于ng if仅在满足if条件的情况下呈现，因此该指令在页面加载时仅呈现一次。