Question

我使用angularjs 1.6材质创建布局页面

<body ng-app="ValueApp" ng-controller="ValueCtrl" ng-cloak>

<md-toolbar class="md-primary box-shadow">
    <div class="md-toolbar-tools" md-colors="{background:'black-A100'}"  layout-padding>
.........code remove

        <div><span>Home</span></div>
        <md-input-container class="hide-xs" md-no-float class="md-accent" flex="50" style="padding-bottom:0px;margin-left:25px">

            <input ng-model="searchInput" placeholder="search Here" style="color:wheat;padding-left:25px;margin-left:5px">
            <md-icon md-font-set="material-icons"></md-icon>
        </md-input-container>
        @*<span flex="10"></span>*@
        <md-button class="md-fab md-mini">
            <md-icon>person</md-icon>
        </md-button>
    </div>
</md-toolbar>
    <footer>
        <p>&copy; @DateTime.Now.Year - MySite</p>
    </footer>
 <script src="~/Scripts/app/controller.js"></script>

当前，我将搜索框隐藏在xs大小上，但我想妥善处理有更好的方法吗？

如何处理移动尺寸的angularjs md-toolbar-tools？

0 个答案: