元素在Angular-material中使用'hide-sm'指令无法响应

Question

我有一个由不同组成的过滤器部分。其中一个容器是'Sort'。我希望不要让它出现在移动视口中。我将'hide-sm'指令添加到md-input容器中。但是，它似乎没有起作用。我在这里错过了吗？

<md-input-container hide-sm>
        <label>Sort</label>
        <md-select ng-model="order">
            <md-option value= "expression"> 
                expression - asc 
            </md-option>
            <md-option value= "-expression"> 
                expression - dsc
            </md-option>
            </md-select>
    </md-input-container>

我已将Angular Material脚本包含在索引文件中。

Answer 1

尝试使用＆＃39; hide-xs＆＃39;隐藏元素宽度＆lt; 600px的

check here differ APIs to responsively show or hide elements

<md-input-container hide-xs>
    <label>Sort</label>
    <md-select ng-model="order">
        <md-option value= "expression"> 
            expression - asc 
        </md-option>
        <md-option value= "-expression"> 
            expression - dsc
        </md-option>
        </md-select>
</md-input-container>