切換圖標具有不同的功能

要放什麼東西在NG-點擊跟蹤功能在我的控制器

view.html：

<a class="tab-item" ng-click="addBookmark('{{singleRecipe[0].recipe_id}}')"> 
    <i ng-class="{'icon ion-ios-pricetag': marked,'icon ion-ios-pricetag-outline' :!marked}" ng-click="marked=!marked"></i>Bookmark 
    </a>

圖標動作應每點擊與衆不同 controller.js：

$scope.newBookmark={}; 
$scope.newBookmark.userID = $scope.userdata.user_id; 
$scope.addBookmark = function(recipe_id) 
{ 
    $scope.newBookmark.recipeID = recipe_id; 
    console.log($scope.newBookmark); 
    if (!BookmarkList.add){ 
    BookmarkList.delfave($scope.newBookmark); 
    console.log(BookmarkList.delfave); 
    }else{ 
    BookmarkList.add($scope.newBookmark); 
    console.log(BookmarkList.add); 
    } 
};

來源

2016-03-03 Sandy

你的HTML並沒有真正匹配了你的控制器代碼。你想要發生什麼，它現在做了什麼？ – Rhumborl

我想要的是，如果第一次點擊添加書籤第二次點擊應該刪除書籤，但截至目前第一次和第二次點擊添加書籤 – Sandy

你可能想要做的是有兩個鏈接，一個添加到書籤和一個刪除書籤，並讓他們ng-if'd或ng-show'd。

如：

<a href="#" ng-click="addBookmark()" ng-if="!bookmarked">Add to bookmark</a> 
<a href="#" ng-click="removeBookmark()" ng-if="bookmarked">Remove bookmark</a>

來源

2016-03-04 03:05:58

通常最好使用'ng-show'而不是'ng-if'，因爲' ng-if'創建自己的範圍（和結果可能會想知道你的） –

但我想它在同一其中圖標開關 – Sandy

@Sandy，你爲什麼要在同一個標籤？最終結果不會一樣嗎？ –

切換圖標具有不同的功能

回答

相關問題