AngularJS Example:

HTML

<div ng-app>
  <div ng-controller="EventCtrl">
    <ul>
      <li ng-repeat="event in orgEvents">
          <h3>Event ID: {{event.CampaignEventID}}</h3>
          <h2>Event Name: {{event.Name}}</h2>          
          <ul>
          <li ng-repeat="time in orgEventTimes|filter: {CampaignEventID: event.CampaignEventID}">
              <div>
                  Event ID: <input type="text" ng-model="time.CampaignEventID">
                  Open:  <input type="text" ng-model="time.OpenTime">
              </div>
          </li>
           <button ng-click="add({CampaignEventID: event.CampaignEventID})">New Item</button>
                          
          </ul>
          <hr/>
      </li>
    </ul>
  </div>
</div>

JavaScript

function EventCtrl($scope) {
  $scope.orgEvents = [  
      {  
         "CampaignEventID":"1",
         "CampaignID":"1",
         "Name":"Newwwwww!!!",
         "Description":"new event for 2985",
      },
      {  
         "CampaignEventID":"2",
         "CampaignID":"1",
         "Name":"event 2",
         "Description":"event numero dos",
      }
   ]

$scope.orgEventTimes = [
      {  
         "EventOpeningTimesID":"3",
         "CampaignEventID":2,
         "OpenTime":"1445335500",
         "CloseTIme":"1445338800"
      },
      {  
         "EventOpeningTimesID":"1",
         "CampaignEventID":"1",
         "OpenTime":"1445335200",
         "CloseTIme":"1445338800"
      },
      {  
         "EventOpeningTimesID":"2",
         "CampaignEventID":"1",
         "OpenTime":"1443863400",
         "CloseTIme":"1443887160"
      }
   ]
    
            
            $scope.add = function (item) {
              $scope.orgEventTimes.push(item);
            };
}