如何让这两个控制器一起为离子应用程序运行?

时间:2016-08-04 23:24:38

标签: android ios angularjs ionic-framework ng-controller

Todo List:http://codepen.io/BltzLcht/pen/PzdLvz

自定义计时器:http://codepen.io/BltzLcht/pen/qNJmrX?editors=1000

我将计时器与Todolist结合起来。两者都是单独运作但它们不能一起工作。如果我尝试为任务添加新的控制器,计时器将消失。

我在哪里以及如何更改控制器以便他们可以自己做事?

是我要警惕的一件事
 <button class="button button-icon" ng-click="newTask()">
    <i class="ion-compose icon"></i>
  </button>

我把它放在标题栏中用于创建新任务,但似乎新的ng-controller不会跨越足以到达离子列表,这对于任务应用来说非常重要

.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()

  })
};

})

1 个答案:

答案 0 :(得分:0)

控制器之间通信的最佳方式是“服务”...... ....