Javascript 使用ng类创建收藏夹图标
我尝试使用ng类在单击图标时更改图标,但它也需要根据图标是否在本地存储中进行更改。因此,当用户单击喜爱的图标时,它会从轮廓变为实体 这就是我使用ng类更改图标的地方,但我希望在通过ng click单击图标时更改图标Javascript 使用ng类创建收藏夹图标,javascript,angularjs,Javascript,Angularjs,我尝试使用ng类在单击图标时更改图标,但它也需要根据图标是否在本地存储中进行更改。因此,当用户单击喜爱的图标时,它会从轮廓变为实体 这就是我使用ng类更改图标的地方,但我希望在通过ng click单击图标时更改图标 <i ng-class="{'icon ion-android-star': liked, 'icon ion-android-star-outline': !liked}" ng-click="favicon(office.id); togglefav(office.id);
<i ng-class="{'icon ion-android-star': liked, 'icon ion-android-star-outline': !liked}" ng-click="favicon(office.id); togglefav(office.id); $event.stopPropagation();"></i>
我的第二个问题是,我是否可以在加载页面时将其与ng init一起使用来更改在本地存储中具有值的图标?您没有设置
$scope的值。只返回它,这对ng类
没有影响。您可以将if语句更改为类似的内容
这就是为什么您以前的ng单击$scope.liked=$scope.like
之所以有效,是因为它总是在单击时切换变量
var e = JSON.parse($window.localStorage['fav']);
$scope.favicon = function(office){
$scope.liked = e.indexOf(office) !== -1;
};
var e = JSON.parse($window.localStorage['fav']);
$scope.favicon = function(office){
$scope.liked = e.indexOf(office) !== -1;
};