angularjs - 从 localStorage 加载的记录似乎没有成为 Angular 中 $scope 的一部分

Question

网址是http://kohlin.net/lab/angular/index.html 尝试创建几个联系人，尝试编辑一个或多个（是的，它在编辑时被删除）并删除一个以查看它是否有效。

问题是当你重新加载。然后，您将无法编辑或删除单个联系人。就好像它根本不听 ng-click="editItem($index)" 。

甚至尝试实现 ngStorage 但这也无济于事。有什么猜测吗？

更新 看来我不能包含material.min.js（material design lite）如果我删除它，一切都像魅力一样。

所以新的问题是。我怎样才能使这个应用程序与材料设计精简版一起工作

（我是否从stackoverflow中完全删除这个问题并创建一个新问题？）

Answer 1

当材质图标容器覆盖按钮阻止点击事件到达处理程序时，看起来这是一个奇怪的 CSS 问题。

尝试将 ngClick 放在按钮上，而不是i：

<div class="mdl-card__menu">
    <button ng-click="editItem($index)" class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect"><i class="material-icons">edit</i></button> 
    <button ng-click="removeItem($index)" class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect"><i class="material-icons ">delete</i></button>
</div>