<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>

<div class="bar bar-calm bar-header">
<div class="title">新聞分類</div>
<button class="button button-balanced cleanbtn" ng-click="clean()">清空</button>
</div>
<ion-content class="content" scroll="false">
<ul class="filter-item">
<li>
<p>國家地區(qū):</p>
<ul>
<li ng-repeat="RegionsName in category.Regions" ng-click="onClick(RegionsName.name,RegionsName.checked)">
<input type="checkbox" value="RegionsName.name" ng-checked="RegionsName.checked"/>
<span>{{RegionsName.cn}}</span>
</li>
</ul>
</li>
<li>
<p>資本:</p>
<ul>
<li ng-repeat="CapitalsName in category.Capitals" ng-click="onClick(CapitalsName.name,CapitalsName.checked)">
<input type="checkbox" value="CapitalsName.name" ng-checked="CapitalsName.checked"/>
<span>{{CapitalsName.cn}}</span>
</li>
</ul>
</li>
<li>
<p>領(lǐng)域:</p>
<ul>
<li ng-repeat="ScopesName in category.Scopes" ng-click="onClick(ScopesName.name,ScopesName.checked)">
<input type="checkbox" value="ScopesName.name" ng-checked="ScopesName.checked"/>
<span>{{ScopesName.cn}}</span>
</li>
</ul>
</li>
<li>
<p>經(jīng)濟(jì)資料:</p>
<ul>
<li ng-repeat="EconomicData in category.EconomicData" ng-click="onClick(EconomicData.name,EconomicData.checked)">
<input type="checkbox" value="EconomicData.name" ng-checked="EconomicData.checked"/>
<span>{{EconomicData.cn}}</span>
</li>
</ul>
</li>
<li>
<p>中央銀行數(shù)據(jù):</p>
<ul>
<li ng-repeat="CentralBank in category.CentralBank" ng-click="onClick(CentralBank.name,CentralBank.checked)">
<input type="checkbox" value="CentralBank.name" ng-checked="CentralBank.checked"/>
<span>{{CentralBank.cn}}</span>
</li>
</ul>
</li>
</ul>
<button class="button button-calm confirmbtn" ng-click="infosRef()">確認(rèn)</button> 

//新聞篩選數(shù)據(jù)分類（模擬數(shù)據(jù)）
$scope.category={
Regions:[{name:"Regions_China",cn:"中國",checked:false},{name:"Regions_UnitedStates",cn:"美國",checked:false},{name:"Regions_UnitedKingdom",cn:"英國",checked:false},{name:"Regions_Eurozone",cn:"歐洲",checked:false},{name:"Regions_Japan",cn:"日本",checked:false},{name:"Regions_Canada",cn:"加拿大",checked:false},{name:"Regions_Australia",cn:"澳大利亞",checked:false},{name:"Regions_Switzerland",cn:"瑞士",checked:false},{name:"Regions_Others",cn:"其他",checked:false}],
Capitals:[{name:"Capitals_ForeignExchange",cn:"外匯",checked:false},{name:"Capitals_Stocks",cn:"公債",checked:false},{name:"Capitals_Commodities",cn:"商品",checked:false},{name:"Capitals_BondsBonds",cn:"品牌",checked:false}],
Scopes:[{name:"Scopes_Macroscopic",cn:"整體",checked:false},{name:"Scopes_Industrial",cn:"工業(yè)",checked:false},{name:"Scopes_Company",cn:"公司",checked:false}],
EconomicData:[{name:"EconomicData_Yes",cn:"經(jīng)濟(jì)資料",checked:false}],
CentralBank:[{name:"CentralBank_Yes",cn:"中央銀行數(shù)據(jù)",checked:false}]
};
//遍歷數(shù)據(jù)查找傳入name下同名的對(duì)象（用來找出用戶點(diǎn)擊的那個(gè)在模擬數(shù)據(jù)中的對(duì)象位置）
var EachList=(name)=>{
let category=$scope.category;
for( var k in category){
for(var j in category[k]){
if(category[k][j].name==name){
var sameName=category[k][j];
sameName.checked=true;
return sameName
}
}
}
};
//該方法主要是在頁面一開始會(huì)接收一個(gè)數(shù)組給Item，通過遍歷這個(gè)數(shù)組和模擬數(shù)據(jù)來勾選一開始就為選中狀態(tài)的標(biāo)簽
let init=()=>{
let Item=appSettings.filterInfosCategories;
for(var i=0;i<Item.length;i++){
var sameName=EachList(Item[i]);
//因?yàn)檎麄€(gè)方法會(huì)執(zhí)行兩遍，暫未找出原因，所以加入是否重復(fù)的判斷
if($scope.categories.indexOf(sameName.name)<0){
$scope.categories.push(sameName.name);
}
}
};
init();
//篩選分類數(shù)組（用戶點(diǎn)擊標(biāo)簽后，傳入點(diǎn)擊的標(biāo)簽名稱和是否在選中狀態(tài)，如果在就將要傳出數(shù)組中的同名標(biāo)簽名稱移除，如果沒選中就加入 這個(gè)要傳出的數(shù)組中）
$scope.onClick=(filterItem,check)=>{
var sameName=EachList(filterItem);
if(!check){
sameName.checked=true;
$scope.categories.push(filterItem);
}else{
sameName.checked=false;
for(var i=0;i<$scope.categories.length;i++){
if($scope.categories[i]===filterItem){
$scope.categories.splice(i,1);
}
}
}
};
//確認(rèn)按鈕
$scope.infosRef = () => {
$scope.onCategoryChange();
$scope.modal.hide();
};
//清空
$scope.clean=() => {
let che=$("input:checked");
//這里不能通過賦值為[]來清除，外面已經(jīng)被復(fù)制引用。
$scope.categories.length=0;
che.each(function(k,filterInput){
filterInput.checked=false;
});
$scope.infosRef();
}
}