即使我调用 componentHandler.upgradeDom()，汉堡包图标也不会显示；

<header class="mdl-layout__header">
    <div class="mdl-layout__header-row">

        <!-- Navigation -->
        <nav class="mdl-navigation">
            <a class="mdl-navigation__link is-active" href="/">link</a>
            <a class="mdl-navigation__link is-active" href="/">link</a>
        </nav>
    </div>
</header>
<div class="mdl-layout__drawer">
    <nav class="mdl-navigation">
        <a class="mdl-navigation__link is-active" href="/">link</a>
        <a class="mdl-navigation__link is-active" href="/">link</a>
    </nav>
</div>

<!-- Colored FAB button with ripple -->
<button class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
    <i class="material-icons">add</i>
</button>

根据http://mdlhut.com/2015/07/where-is-the-mdl-drawer-icon/ http://mdlhut.com/2015/07/where-is-the-mdl-drawer-icon/只要我打电话就应该可以componentHandler.upgradeDom()在我动态加载html之后。为了确保我调用的upgradeDom正确，我添加了按钮来查看是否添加了连锁反应。按钮已更新，但汉堡包图标未出现。

如果我内联 html，就会出现汉堡包图标。

由于您是动态加载 html，因此您应该在 init 函数中运行以下命令：DOM是负载。请注意，setInterval功能以确保DOM在执行之前有足够的时间加载componentHandler method

jQuery

 $(document).ready(function() {
      setInterval(function() {
           componentHandler.upgradeAllRegisteredElements();
      }, 1000);
 });

DOM API

 document.addEventListener('DOMContentLoaded', function() {
      setInterval(function() {
           componentHandler.upgradeAllRegisteredElements();
      }, 1000);
 });