Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/design-patterns/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 定制及;设置角度X可编辑Popover输入的样式_Angularjs_Angular Directive_X Editable - Fatal编程技术网

Angularjs 定制及;设置角度X可编辑Popover输入的样式

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

我在我的项目中使用了angular x-editable,用于。我已成功地将确认按钮的外观更改为要使用的.svg,并删除了取消按钮,具体操作如下:

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
        )对输入字段执行自定义指令,无任何问题