AngularJS自动完成指令不会影响组件

时间:2018-06-08 17:09:34

标签: javascript html angularjs

我正在使用Angular Material开发网站,由于指令,我在使用自动填充组件时遇到了问题:

 <md-autocomplete class="blackText"
        ng-disabled="false"
        md-no-cache="true"
        md-selected-item-change = "aosCtrl.setCurrentOperatore()"
        md-selected-item = "aosCtrl.operatore"
        md-item-text = "aosCtrl.operatore.loginName"
        md-search-text="aosCtrl.nome_operatore"
        md-items="operatore in aosCtrl.operatori"
        md-min-length="0"
        ng-model="aosCtrl.operatore"
        md-clear-button="false"
        md-autoselect   = "true"
        md-select-on-match  ="true"
        placeholder="Seleziona un operatore">
        <md-item-template>
          <span md-highlight-text="aosCtrl.nome_operatore" md-highlight-flags="^i">{{operatore.loginName}}</span>
        </md-item-template>
        <md-not-found>
          Nessun operatore "{{aosCtrl.nome_operatore}}" trovato.
        </md-not-found>
    </md-autocomplete>

这些指令不影响代码:

    md-clear-button="false"
    md-autoselect   = "true"
    md-select-on-match  ="true"

此外,md-not-found无效。

另一个问题是,搜索后的结果与未插入的搜索字符串(aosCtrl.nome_operatore)没有匹配时不会显示。

aosCtrl.operatori是一个由JSON组成的数组,如下所示:

{
   id : 101,
   loginName: mario,
   age : 18,
   gender: M 
}

0 个答案:

没有答案