如何为editable-select添加占位符

时间:2016-12-08 13:24:16

标签: angularjs

我需要占位符在x-editable angularjs中进行editable-select。

<span editable-select="data.CenterId" e-name="CenterId" e-form="rowform"  e-placeholder="Select Center"  e-ng-options="s.Id as s.Name for s in locationListData.centerData" onbeforesave="checkCenter($data)"  >
  {{ showCenter(data)}}
</span>

3 个答案:

答案 0 :(得分:1)

请试试这个。

<span editable-select="data.CenterId" e-name="CenterId" e-form="rowform"  e-ng-options="s.Id as s.Name for s in locationListData.centerData" onbeforesave="checkCenter($data)"  >
      {{ showCenter(data)|| 'Please Select Center' }}
    </span>

http://jsfiddle.net/euzqyLp2/

答案 1 :(得分:0)

您只需查看this

即可

试试this ..

你可以这样做e-placeholder="Enter name"

<div ng-app="app" ng-controller="Ctrl">
  <a href="#" editable-select="user.group" e-placeholder="Enter name" onshow="loadGroups()" e-ng-options="g.id as g.text for g in groups">
    {{ user.groupName || 'not set' }}
  </a>
</div>

答案 2 :(得分:0)

距最初的帖子已经两年了,但是由于我在2018年遇到了同样的问题(还有更多的问题,使x可编辑以与BS-4一起使用),我想我会分享我被黑的解决方案:添加“前缀“以添加占位符。

 $('.editable').editable({
mode: 'inline',
prepend: "Select",
url: selectedFeature.url,
params: function(params) {
  params = worker.processPUTdata(params);
  return params;
}

链接:http://jsfiddle.net/xBB5x/297

添加:

prepend: "Select something"

它可以工作,但是您必须用javascript后缀处理数据,因为x-editable假定“ select”是有效选项。 干杯。