从模板内部向控制器添加值？

Question

我正在使用一个简单的角度控制器来创建倒计时到一定时间。在我的工作中，我创建了许多不同类型的倒计时器，所以我希望能够按照我的意愿输出各种时间部分（小时分钟等）

我正在为模板考虑这样的事情

<div ng-controller="Countdown">
  <p>Hours: {{hour}}</p>
  <p>Minutes: {{minutes}}</p>
</div>

但是，我不确定将值传递到控制器的最合适方法是什么。你会推荐什么。我想以某种方式添加模板中的值。

Answer 1

在视图和控制器之间传递值的最佳方法之一是使用范围变量。 Angular提供双向数据绑定，因此更容易从控制器更新视图上的值，反之亦然。

myApp.controller('Countdown', function($scope){
   doCountdown($scope.hour,$scope.minutes);         
});

使用ng-model指令在模板中设置$ scope变量。

<input type="number" ng-model="hour">