Angularjs 定制及;设置角度X可编辑Popover输入的样式
我在我的项目中使用了angular x-editable,用于。我已成功地将确认按钮的外观更改为要使用的.svg,并删除了取消按钮,具体操作如下:Angularjs 定制及;设置角度X可编辑Popover输入的样式,angularjs,angular-directive,x-editable,Angularjs,Angular Directive,X Editable,我在我的项目中使用了angular x-editable,用于。我已成功地将确认按钮的外观更改为要使用的.svg,并删除了取消按钮,具体操作如下: app.run(function(editableOptions, editableThemes) { editableOptions.theme = 'default'; editableThemes[default].cancelTpl = ''; editableThemes[default].submitTpl = '<im
app.run(function(editableOptions, editableThemes) {
editableOptions.theme = 'default';
editableThemes[default].cancelTpl = '';
editableThemes[default].submitTpl = '<img class="popoverSubmitBtn"
src="images/confirmationBtn.svg" ng-click="$form.$submit()">';
});
app.run(函数(可编辑选项,可编辑主题){
editableOptions.theme='default';
editableThemes[默认]。cancelTpl='';
editableThemes[默认值]。submitTpl='';
});
但是,我在尝试更改editableThemes[默认]时遇到问题。似乎由于某种原因,inputpl
的更改没有被注册。我希望弹出窗口中显示的输入框有一个圆形的“x”按钮,用于清除输入文本字段中的当前输入
这实际上是原始x-editable中的默认行为(参见Twitter typeahead.js演示)。虽然有一个等价于使用editableOptions.displayClearButton=true
,但这会在输入框旁边创建一个完整的按钮,很像确认按钮,这不是我想要的
我的计划是在这里使用一个提供“清除”按钮的指令,并使用editableThemes[default]代码>但是,它似乎又坏了。即使是这个公开的问题也让我相信它从来没有像预期的那样起作用
有没有人在这方面运气好,或者知道在我的情况下有什么解决办法
还有-有点不相关,但在造型主题上,我如何移动popover出现的位置?目前,当我点击文本激活POPOFE时,我的光标在中间,但我希望它更高一点,右边。让它正常工作。有类似问题的人士:
- 安装后,可以通过
bower\u components
目录中的xeditable.css
控制popover的样式
- 虽然
inputpl
没有按我预期的方式运行,但我添加了
使用e-*
(即e-my-directive
)对输入字段执行自定义指令,无任何问题
让它工作了。有类似问题的人士:
- 安装后,可以通过
bower\u components
目录中的xeditable.css
控制popover的样式
- 虽然
inputpl
没有按我预期的方式运行,但我添加了
使用e-*
(即e-my-directive
)对输入字段执行自定义指令,无任何问题