在函数中使用Angular表达式

时间:2014-03-19 15:45:03

标签: javascript html angularjs expression

我是角色的新手,我正在创建一个简单的计时器应用程序,它创建多个计时器,这些计时器根据加载的json对象在不同的​​时间开始。我从我的对象中正确列出了定时器的数量,我只需要帮助设置从对象开始的时间。

    <li ng-repeat="job in jobs">
     <!--UPDATE COUNTER TO {{job.dur}}-->
     <ul ng-controller = 'counterCtrl' class="button-group">
      <h3 ng-bind="counter"></h3>
       <li> <button ng-click="start()"> Start</li>
     </ul>
    </li>

基本上我有一个使用$ timeout服务计数的计数器。我正在导入一个json对象(如下所示),该对象具有计时器的名称和启动计时器的当前时间

    localjobs = [
          { "name": "job1", 'dur': 10},
          { "name": "job2", 'dur': 20}
    ];

问题:我想基本上使用json对象中的job.dur值为每个加载的计数器更新计数器。这样每个计时器将在job.dur时间开始。我是否必须更新ng-repeat指令才能运行像updateCounter()这样的函数;每次上市工作?我应该更多地考虑解决这个问题?

单击开始时调用我的js计时器函数:

    $scope.start = function(dur) {
      stopped = $timeout(function() {
        $scope.counter++;   
        $scope.start();
      }, 1000);
  };

1 个答案:

答案 0 :(得分:0)

    $scope.counter = $scope.job.dur; 

这在我的js中设置了初始计数器值。感谢Away的帮助。