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

Question

网址为http://kohlin.net/lab/angular/index.html试着创建几个联系人，试着编辑一个或多个(是的，在编辑时它会被删除)，然后删除一个，看看它是否有效。

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

甚至尝试实现ngStorage，但也没有帮助。猜测吗?

似乎我不能包括material.min.js(材料设计生命)，如果我删除它，一切都像一个魅力。

所以新的问题是。我如何使这个应用程序工作与材料设计生活

(我是否从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>