Ng-repeat and ng-click with ng-show/ng-hide Problem

Hello, i dont know how to make it work. I want to create a hide/show checkbox with ng-show and ng-hide (handled by values). Need only activated when i check launch or dinner. i already did it without ng-repeat and works well, but i want to do this with ng-repeat. Any suggestions?

Sorry for my bad english, hope you understand.

http://codepen.io/patmau5/pen/BzYYwk

u want to create a hide and show div by using checkbox and when the user value is true then the div will show up?

yes, that exactly what i want

<html ng-app="ionicApp">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet">
    <script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"></script>
  </head>

  <body ng-controller="MainCtrl">
    <ion-content>
    <ion-list >
      <ion-item ng-repeat="food in foods">
        <ion-checkbox ng-model="food.v" ng-change="showAlert(food.f,food.v)" ng-checked={{food.v}}>{{ food.f }}</ion-checkbox>
      </ion-item>
      
    </ion-list>
            <div ng-hide="com"></div>
            <div ng-show="com">
            <label id="datos-textarea1" class="item">Are you still hungry?</label>
            <ion-list>
            <ion-radio ng-model="choice" ng-click="mPostre=true" name="p" ng-value="'Apostre'">Yes</ion-radio>
            <ion-radio ng-model="choice" ng-click="mPostre=false" name="p" ng-value="'Bpostre'">No</ion-radio>
            </ion-list>
            </div>
      
      
    </ion-content>
"

angular.module(‘ionicApp’, [‘ionic’])
.controller(‘MainCtrl’, function($scope,$ionicPopup) {
$scope.foods=[
{ f: ‘Breakfast’, v: false },
{ f: ‘Lunch’, v: true },
{ f: ‘Snack’, v: false },
{ f: ‘Dinner’, v: true},
];

      $scope.showAlert = function(foodType,bool){
        if(bool){
           $ionicPopup.confirm({
         title: 'Info',
         template: 'You just had your '+foodType+', are you still hungry?',
         buttons:[
           {
             text:"Yes",
              onTap: function(e) {
                console.log('user click yes');
              }
           },
           {
             text:"No",
             onTap: function(e) {
               console.log('user click no');
              }
           }
         ]
       });
        }
         }
     })

p/s sorry dont know how to paste codepen here =.=

its interesting function but, isnt what i want… I tried to make the connection the ng-click=“com.(true or false)” with the ng-repeat to works with the ng-show/ng-hide, and then the question of ‘are you still hungry’ should be appear only if i check launch or dinner (can choose only one checkbox).

Thanks anyways