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

Question

我认为我的问题在于“显示”中的下拉按钮。在 Chrome 中，下拉菜单按预期工作 - 即在 ng-repeat 列表中显示选项名称列表。但是，在 Firefox 中，单击下拉菜单会禁用文本 Angular 菜单，就像用户在文本 Angular 编辑器之外单击(此时文本 Angular 会禁用编辑器选项)。也没有任何东西掉下来。

+ 换行符在 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>' +