从AngularJS视图调用控制器函数

Question

我的BlogController中有一个函数，它可以改变div的高度。

$scope.setTopBackgroundHeight = function (screenProportion, targetDiv) {
  globalService.setTopBackgroundHeight(screenProportion, targetDiv);
};

我在几个页面上使用这个控制器，但只想在一个页面上调用这个函数。因此，我提出了我的看法如下。

<div id="primary" 
     class="content-area blog-page" 
     ng-controller="blogCtrl">
     {{$scope.setTopBackgroundHeight("half", ".background-container");}}
</div>

现在，这是可行的。但是，从视图中的大括号中调用函数可以做风格方面的工作吗？我试过用角度的方式做这种事情的例子，但什么也看不见。应该在某项指令中吗？

Answer 1

是的，所有DOM操作都应该在指令中完成。因此，在这种情况下，最好将一个指令附加到称为服务方法的div中。

HTML：

<div id="primary" 
     class="content-area blog-page" 
     ng-controller="blogCtrl"
     setBGHeight>
</div>

联署材料：

app.directive('setBGHeight', function(globalService) {
  return {
    link: function() {
      globalService.setTopBackgroundHeight("half", ".background-container");
    }
  }
));

Answer 2

这就是指令的作用。确保在它们前面加上" ng -click“，就像用”ng-click“那样，但不要使用ng。