Angular Ui Typeahead未显示占位符

时间:2016-01-05 01:43:25

标签: angularjs placeholder

我有一个使用typeahead的输入但是没有渲染占位符。我该怎么做才能让它显示占位符?

我正在使用“angular-bootstrap”:“~0.14.0”

<input type="text" name="scheduler_name"
ng-model="appointment.scheduler_name" uib-typeahead="scheduler.name as scheduler.contact_info for scheduler in findSchedulerByName($viewValue) | limitTo:7"
typeahead-loading="loadingSchedulers" typeahead-no-results="noResults"
typeahead-on-select="setSchedulerAttributes($item, $model, $label)" class="form-control input-lg" 
placeholder="(Name, Carrier, Broker or Phone)" server-error>

截图:

enter image description here

1 个答案:

答案 0 :(得分:0)

我建议拆除你的先行者以查看问题所在。从准系统打字开始:

<input type="text" name="scheduler_name" ng-model="appointment.scheduler_name" 
       placeholder="(Name, Carrier, Broker or Phone)"
       uib-typeahead="scheduler.name as scheduler.contact_info for scheduler in findSchedulerByName($viewValue) | limitTo:7"

查看占位符是否显示。如果不检查以确保您的ng-model值确实存在 falsy 值。

如果确实显示,那么其他一些与typeahead相关的指令可能会覆盖它。我最好的猜测是typeahead-no-results="noResults"或相关的东西正在触发并导致它将占位符设置为&#34;&#34;。