Как заставить эти два контроллера работать вместе для ионного приложения?

Список Todo: http://codepen.io/BltzLcht/pen/PzdLvz

Пользовательский таймер: http://codepen.io/BltzLcht/pen/qNJmrX?editors=1000

Я совмещаю таймер с тодолистом. Обе функции индивидуальны, но они не работают вместе. Если я попытаюсь поместить новый ng-контроллер для задач, таймер исчезнет.

Где и как я могу изменить контроллеры, чтобы они могли делать свои собственные вещи? Одна вещь, о которой я опасаюсь, - это

 <button class="button button-icon" ng-click="newTask()">
    <i class="ion-compose icon"></i>
  </button>

Я поместил его в панель заголовка для создания новых задач, но казалось, что новый ng-контроллер не будет занимать достаточно места, чтобы достичь списка ионов, и это было важно для приложений задач

.controller('mainCtrl', function($scope, $ionicPopup, $ionicListDelegate) {
$scope.tasks =
  [
    {title: "1.Make a second box in Create Task for a time variable ", completed: false},
    {title: "2.Make time variable display on right side", completed: false},
    {title: "3. Make a time variable button that leads to this timer", completed: false},
    {title: "4. Time variable transfers to next page http://codepen.io/comapedrosa/pen/ONYgzJ", completed: false}
  ];

$scope.newTask = function() {
  $ionicPopup.prompt({
    title: "New Task",
    template: "Enter task:",
    inputPlaceholder: "What do you need to do?",
    template1: "Enter time:",
    inputPlaceholder1: "How much time do you you require?",
    okText: 'Create task'

  }).then(function(res) {    // promise
    if (res) $scope.tasks.push({title: res, completed: false});
  })
};

$scope.edit = function(task) {
  $scope.data = { response: task.title };
  $ionicPopup.prompt({
    title: "Edit Task",
    scope: $scope
  }).then(function(res) {    // promise
    if (res !== undefined) task.title = $scope.data.response;
    $ionicListDelegate.closeOptionButtons()

  })
};

})