javascript - `$scope.$ctrl .xxxx` 的作用是什么？

Question

我知道这是一个非常奇怪的问题，但我不知道该代码的作用。在一个repo中，我看到了这个代码:

$scope.$ctrl.browseData({ dataParameters: newValue });

忘记第二部分。括号内的所有内容都是数据源。我的问题是，$scope.$ctrl. 是做什么的？

我不知道。我什至不知道在哪里寻找或如何搜索它。如果我删除它并只放置 ctrl......，我的错误就会消失，但我不确定，因为这是一种古老的功能。

我正在使用 AngularJS。有人可以向我解释一下这段代码 $scope.$ctrl 的作用吗？谢谢!!

Answer 1

$scope.$ctrl 是对某些 Controller 的引用，通过以下方式之一作为 $ctrl 传递

• 模板中的 ng-controller="someCtrl as $ctrl"
• controllerAs: "$ctrl" 如果是指令和组件(这是组件的默认值)

angular.module("app", [])
.controller("someCtrl", function($scope){
  var vm = this;
  vm.sth = "something";
  
  $scope.getSth = function(){
    return $scope.$ctrl.sth;
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<div ng-app="app">

  <div ng-controller="someCtrl as $ctrl">
  <div>{{$ctrl.sth}}</div>
  <div ng-bind="getSth()"></div>
  
  </div>
</div>