angularjs – 角度材料md-select-header问题

发布时间：2020-12-17 17:03:07 所属栏目：安全来源：网络整理

导读：我有以下代码 md-select class="" name="partners" ng-model="obj.con" data-md-container-class="selectdemoSelectHeader"ng-disabled="notEditable('partners')" md-select-header class="demo-select-header" input ng-model="mdSelectHeader.searchTerm1

我有以下代码

<md-select class="" name="partners" ng-model="obj.con" data-md-container-class="selectdemoSelectHeader"
ng-disabled="notEditable('partners')">
    <md-select-header class="demo-select-header">
        <input ng-model="mdSelectHeader.searchTerm1" type="search" placeholder="{{'SEARCH' | T}}" class="demo-header-searchbox md-text">
    </md-select-header>
    <md-option ng-repeat="z in _.find(partnerContactList,{ 'id': obj.par*1 }).contacts | filter:mdSelectHeader.searchTerm1" value="{{z.name}}">{{z.name}} ({{z.phone}},{{z.email}})</md-option>
</md-select>

我不知道为什么无法输入任何内容.

如果动态呈现控件,则同一页面中的另一个代码可以工作.

例如,如果我使用ng-if或ng-repeat动态渲染控件,则输入字段不能输入任何内容,否则,它可以工作.

有人修好了吗？

谢谢.

解决方法

我相信这是角材料库的一个已知问题.但是,通过使用带有角度内置keydown的$event.stopPropagation(),在 discussion中还有一个解决方法.

<md-select class="" name="partners" ng-model="obj.con" data-md-container-class="selectdemoSelectHeader"
ng-disabled="notEditable('partners')">
    <md-select-header class="demo-select-header">
        <input ng-model="mdSelectHeader.searchTerm1" type="search" placeholder="{{'SEARCH' | T}}" class="demo-header-searchbox md-text" ng-keydown="$event.stopPropagation()">
    </md-select-header>
    <md-option ng-repeat="z in _.find(partnerContactList,{{z.email}})</md-option>
</md-select>

这是一个工作sample

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!