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

前端之家收集整理的这篇文章主要介绍了angularjs – 角度材料md-select-header问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下代码

<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

猜你在找的Angularjs相关文章