在Material Design Lite'中评估AngularJS表达；s mdl菜单

我正在构建一个小型的单页应用程序，使用Angular实现功能，使用mdl进行设计。我想有一个下拉选择框，因为mdl不提供这种开箱即用的功能，所以我使用mdl菜单构建了一个。现在的问题是Angular似乎很难计算我放在这个菜单中的表达式，可能是因为只有当你点击按钮时菜单才会打开？我尝试在列表项中使用表达式，这会提供表达式输出，但也会提供原始表达式，这显然是我不想要的。我还试着重复列表中的项目，但它们就是不出现

<button id="demo-menu-lower-left"
        class="mdl-button mdl-js-button mdl-button--icon">
  <i class="material-icons">more_vert</i>
</button>

<ul class="mdl-menu mdl-menu--bottom-left mdl-js-menu mdl-js-ripple-effect"
    for="demo-menu-lower-left">
  <li class="mdl-menu__item">{{5+5}}</li>
  <li class="mdl-menu__item mdl-menu__item--full-bleed-divider">Another Action</li>
  <li disabled class="mdl-menu__item">Disabled Action</li>
  <li class="mdl-menu__item">Yet Another Action</li>
</ul>

更多

{{5+5}
另一项操作
禁用的操作
还有一个动作

（查看左上角的计算，但原始表达式是实际的“可单击”操作）

提前谢谢

MDL的javascript（由

mdljs

CSS类表示）可能会在Angular做任何事情之前就玩弄HTML，最终创建HTML，在Angular“解析”时会产生奇怪的结果。最好确保HTML的处理顺序严格：角度优先，MDL其次

如果您需要在页面的初始加载和呈现之后使用HTML，那么在浏览器中检查HTML而不是依赖源HTML会有所帮助。任何javascript代码（包括Angular）都必须使用它，而不是源代码所表示的HTML。

MDL的javascript（由

MDL js

CSS类表示）可能会在Angular可以做任何事情之前，在使用HTML进行处理，最终创建的HTML在Angular“解析”时会产生奇怪的结果。最好确保HTML的处理顺序严格：角度优先，MDL其次

如果您需要在页面的初始加载和呈现之后使用HTML，那么在浏览器中检查HTML而不是依赖源HTML会有所帮助。任何javascript代码（包括Angular）都必须使用它，而不是源代码所表示的HTML