2
У меня есть <md-select>, который отображает список лет. Отлично. Когда экран достигает определенной ширины, я меняю выбор на <md-button>Как я могу вызвать выбор с помощью кнопки с угловым материалом?
Я хотел бы прослушать нажатие кнопки и вызвать выбор «открыть» из-за отсутствия лучших слов. Или, есть ли другой метод, который я должен использовать?
Вот что у меня есть - большой сюрприз. Вероятно, это не то, что я должен делать. Я понимаю, что это мобильная структура - причины, не зависящие от меня, я использую ее для всего моего сайта. Спасибо за любые предложения!
<!-- Mobile year begin -->
<md-input-container hide show-xs>
<md-button aria-label="Select a year" class="md-icon-button" ng-click="">
<i class="material-icons">date_range</i>
</md-button>
</md-input-container>
<!-- Mobile year end -->
<!-- Desktop year begin -->
<md-input-container hide show-gt-xs>
<label>Year</label>
<md-select ng-model="myModel" class="md-no-underline md-body-1">
<md-option ng-repeat="option in $ctrl.myYears" ng-value="option.year">
{{ option.year }}
</md-option>
</md-select>
</md-input-container>
<!-- Desktop year end -->
Это мой component.js файл:
'use strict';
angular.module('year')
.component('year', {
templateUrl: 'path/to/template/my-template.template.html',
controller: function myController() {
/**
* Year data.
*
* @type {*[]}
*/
this.years = [
{
year: 2017
},
{
year: 2016
},
{
year: 2015
},
{
year: 2014
},
{
year: 2013
}
];
}
});
Очевидно, что кнопка и вход для выбора имеют разные цели. Есть ли какая-то причина (кроме эстетики), что вы это делаете? – isherwood
Большая проблема заключается в том, что мы используем мобильную среду для настольного приложения. Итак, по умолчанию у меня есть выбор ввода. Когда окно становится меньше, у меня заканчивается недвижимость и меняется на значок. Я попробую ваше предложение - спасибо! – Damon