UI Bootstrap 下拉菜单在 Firefox 中无法使用 / Text Angular ...

Posted 2023-02-19

【中文标题】UI Bootstrap 下拉菜单在 Firefox 中无法使用 / Text Angular ...

【英文标题】：UI Bootstrap Dropdown Not Working W/ TextAngular...in Firefox

【发布时间】：2015-10-04 13:40:12

【问题描述】：

我认为我的问题在于“显示”中的下拉按钮。在 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);
            
        
    );

【参考方案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>' +