需要根据字符串值检查复选框

时间:2017-05-25 06:51:09

标签: javascript angularjs angularjs-ng-checked

我从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根据值检查复选框。 在这种情况下,我希望在周二,周三复选框中进行检查。

感谢。

1 个答案:

答案 0 :(得分: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;
  }
}

希望它会有所帮助