只在橫向模式下應用佈局填充角材料

我在md內容中有兩個div，我只想在橫向模式下爲第一個div應用佈局填充。有沒有辦法來處理它。只在橫向模式下應用佈局填充角材料

<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>

http://codepen.io/ankamsarav/pen/KzrPNX

來源

2016-04-30 ankam sarav

我不知道的方式有條件地適用該指令。要解決此問題，您可以改爲使用兩個<md-content></md-content>指令並使用ng-if來切換它們，以便一次只將一個呈現到DOM中。

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

然後，您可以偵聽方向更改事件並相應地切換布爾值。

來源

2016-05-01 16:37:48

感謝您的回覆，但我們必須複製整個內容的一個屬性:( –

是的，它不是最令人滿意的解決方案，但我認爲沒有更好的方法。您可以爲內部內容定義指令，所以不需要太多的重複。由於ng-if只在滿足if條件時呈現，所以該指令只會在頁面加載時呈現一次。 –

只在橫向模式下應用佈局填充角材料

回答

相關問題