使用Angular更新动态添加的Material Design元素

时间:2017-03-20 06:40:32

标签: javascript angularjs material-design

我在我的项目中使用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();根本不起作用。

有人有这个问题吗?

0 个答案:

没有答案