Question

我的HTML代码包含变量：

<span>{{category}}</span>

此外，我还使用方法CategoryService提供服务get()，该方法返回类别的字符串名称。我如何在模板中使用此方法，如：

<span>{{category | CategoryService.get}}</span>

Answer 1

控制器连接模型和视图。您需要控制器中的一个功能，然后调用该服务：

$scope.getCategory = function(CategoryService) {
    var cat = CategoryService.get();
    return cat;
});

然后你从你的视图中调用该函数：

<span>{{getCategory()}}</span>

Answer 2

我通常会为网页创建一个控制器：

<div ng-controller="OneCtrl">
<span>{{category }}</span>
</div>

在控制器内部，我打电话给服务：

myApp.controller("OneCtrl", ['$scope', '$location','$window', 'CategoryService',
  function($scope, $location,$window, CategoryService) {

    $scope.category = CategoryService.get();

  }
]);

如何从AngularJS模板中调用服务或工厂？

2 个答案: