角材料MD-選択ヘッダの問題

Question

は、私はできないが、何も入力する理由はわかりませんコード

<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を使用してコントロールを動的にレンダリングすると、入力フィールドには何も入力できません。そうでなければ動作する可能性があります。

誰でも問題はありますか？

ありがとうございました。

Answer 1

これは角度材料ライブラリの既知の問題だと思います。しかし、このdiscussionの回避策には、$event.stopPropagation()と組み込みのkeydownが組み込まれています。

<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, { 'id': obj.par*1 }).contacts | filter:mdSelectHeader.searchTerm1" value="{{z.name}}">{{z.name}} ({{z.phone}},{{z.email}})</md-option> 
</md-select> 

ここで働いてsample