Javascript 使用ng类创建收藏夹图标

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);

我尝试使用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); $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;
};