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

Question

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

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

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

更新看来我不能包括 material.min.js (material design lite) 如果我删除它，一切都像一个魅力。

所以新的问题是。我怎样才能让这个应用程序与 material design lite

一起工作

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

Answer 1

当 material 图标容器覆盖按钮阻止点击事件到达处理程序时，这看起来是一个奇怪的 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>

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

Records loaded from localStorage doesn't seem to become part of $scope in Angular

angularjs

ng-storage