在Firefox中,UI Bootstrap下拉列表无法使用W/TextAngular ...

Question

我认为我的问题在于"显示"中的下拉按钮.在Chrome中,下拉按预期工作 - 即显示ng-repeat列表中的选项名称列表.但是,在Firefox中,单击下拉列表会禁用文本角度菜单,就像用户在文本角度编辑器外部单击一样(此时文本角度禁用编辑器选项).什么都没有下降.

+行在Chrome中打破了所有工作.我们只是试图让那些不使用大屏幕的人可以读取代码.对于那些不熟悉text-angular的人:所有相关的代码都在显示 - 它只是一些定义下拉列表的html,我认为这就是问题所在.如何在FireFox中使用它？

    taRegisterTool('itemFields', {
        display: '<span class="btn-group" dropdown style="padding: 0px 0px 0px 0px">' +
        '<button class="btn btn-default dropdown-toggle" dropdown-toggle type="button" ng-disabled="showHtml()">' +
        '   <span>Item Fields</span>' +
        '</button>' +
        '<ul class="dropdown-menu">' +
        '   <li ng-repeat="o in options">' +
        '       <a ng-click="action(o)">{{o.name}}</a>' +
        '   </li>' +
        '</ul>' +
        '</span>',
        options: ReportItemFields,
        action: function (option) {
            if( angular.isDefined(option) && angular.isUndefined(option.promise))
            {
                this.$editor().wrapSelection('insertHTML', option.text);
            }
        }
    });

Answer 1

尝试将 ng-click="action(o)" 放在 li 元素上。有点像这样：

    '<ul class="dropdown-menu">' +
    '   <li ng-repeat="o in options" ng-click="action(o)">{{o.name}>' +
    '       {{o.name}}' +
    '   </li>' +
    '</ul>' +