Как я могу работать с angularjs md-toolbar-tools в мобильном размере? - PullRequest
Новая
       6

Как я могу работать с angularjs md-toolbar-tools в мобильном размере?

0 голосов
/ 13 сентября 2018

я создаю макет страницы, используя материал 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, но я хочу обработать его правильно есть ли лучший подход?

...