我在我的项目中使用Angular和Material Design Lite,但我在Firefox中动态添加MDL元素时遇到了一个非常烦人的问题。 我尝试通过更新所有已注册的元素来修复这些元素:
<div ng-repeat="(stockname, stock) in fileData.stocks" class="file_info__stock js_stock {[{ stock.editMode ? 'editable' : '' }]} {[{ stock.detailsView ? 'active' : '' }]}">
<div class="stock__info">
<button id="file_info__options_{[{stock.stock_id}]}" class="file_info__options mdl-button mdl-js-button mdl-button--icon">
<i class="material-icons">more_horiz</i>
</button>
<div class="mdl-tooltip mdl-tooltip--bottom" data-mdl-for="file_info__options_{[{stock.stock_id}]}">Functions</div>
<ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="file_info__options_{[{stock.stock_id}]}">
<li class="mdl-menu__item js_media__edit" ng-click="editFile(stock);">Edit</li>
</ul>
</div>
</div>
模板:
pandas
postData请求接收fileData.stocks中的元素。 菜单和工具提示在Chrome中运行良好,但在Firefox中,我想,componentHandler.upgradeAllRegistered();根本不起作用。
有人有这个问题吗?