在使用Angular JS进行模板化时使用辅助方法

一尘不染

在使用Angular JS进行模板化时使用辅助方法

angularjs

当前正在将网站从其先前的模板转换为Angular。在之前的模板过程中，我们使用了能够调用辅助方法以正确显示数据的方法。例如：

<script type="text/javascript">
$.views.helpers({
    parseDate: function (jsonDate) {
      if (jsonDate != null) {
        var newDate = Utils.PrettyDate(Utils.ConvertJsonDateToJsDate(jsonDate));
        return newDate;
      }
    }
});
</script>


<div class="post-info">
  <span class="posted-date">Posted {{ :~parseDate(CreatedDate) }}</span>
  &nbsp|&nbsp
  <span>{{ :ReplyCount }} Replies</span>
</div>

很好尝试找出一种在模板化方面将相同类型的功能用于Angular的方法。是否可以做类似的事情？如果可以，怎么办？

阅读 187

2020-07-04

共1个答案

一尘不染

您只需将方法添加到控制器即可。像这样：

<div class="post-info" ng-controller="MyCtrl">
    <span class="posted-date">Posted {{parseDate(CreatedDate)}}</span>
</div>

然后控制器：

function MyCtrl($scope)
{
     $scope.parseDate = function(jsonDate) {
        //date parsing functionality
        return newParsedDate;
     }
}

2020-07-04