如何使用角度材质触发按钮选择？

我有一个<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 
      } 
     ]; 
    } 
});

来源

2017-02-16 Damon

显然，按钮和选择输入具有不同的预期用途。你是否有这样的理由（除了美学）？ – isherwood

更大的问题是，我们正在为桌面应用程序使用移动框架。所以，默认情况下，我有一个选择输入显示。随着窗户变小，我用完了房地产，变成了一个偶像。我会尝试你的建议 - 谢谢！ – Damon

我可能会使用一个menu，并设置选择模型相匹配。菜单中的任何更改都应更新选择，反之亦然。

来源

2017-02-21 17:31:08 isherwood

如何使用角度材质触发按钮选择？

回答

相关问题