angularjs – 在Firefox中,UI Bootstrap下拉列表不能正常工作W / TextAngular …

前端之家收集整理的这篇文章主要介绍了angularjs – 在Firefox中,UI Bootstrap下拉列表不能正常工作W / TextAngular …前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我认为我的问题在于“显示”中的下拉按钮.在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);
            }
        }
    });

解决方法

尝试将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>' +

猜你在找的Angularjs相关文章