2017-05-25 57 views
0

我從localStorage的獲取數據如下複選框需要基於字符串進行檢查值

angular.module('madMeApp').controller('campaignInDetails', function($scope) { 
    var campaignToShow = JSON.parse(localStorage.getItem("CampaignDetails")); 
    $scope.selectedDays = campaignToShow.selected_days; 
}); 

我正在selected_days值以逗號分隔的字符串例如週二,週三

基於selected_days

我想要的那個值進行檢查下面的複選框,

<input type="checkbox" value="Monday" name="selected_days" /> 
<input type="checkbox" value="Tuesday" name="selected_days" /> 
<input type="checkbox" value="Wednesday" name="selected_days" /> 
<input type="checkbox" value="Thursday" name="selected_days" /> 
<input type="checkbox" value="Friday" name="selected_days" /> 
<input type="checkbox" value="Saturday" name="selected_days" /> 
<input type="checkbox" value="Sunday" name="selected_days" /> 

請幫助我,如何使用AngularJs按值選中複選框。 在這種情況下,我想檢查週二,週三複選框。

謝謝。

+0

類型複選框的多個輸入具有相同的名稱?我以爲你只是這樣做的輸入類型無線電 –

+0

是的Jaromanda這些在同一組,所以這些複選框的名稱是相同的。 用戶可以選中多個複選框。 – Ajeet

+0

@Ajeet你有沒有試過我的答案? –

回答

1

爲ng-checked創建一個函數,根據您的本地存儲字符串返回true或false。 例如:

<input type="checkbox" value="Monday" name="selected_days" ng-checked="dayChecker("Monday")" /> 

在控制器

var str = "Tuesday,Wednesday"; 
$scope.dayChecker = function(day){ 
    if(str.indexOf(day) > 0){ 
    return true; 
    } else{ 
    return false; 
    } 
} 

希望這將有助於