AngularJS - 将范围(不带$)注入控制器

Question

在Material Design mdDialog文档中,我注意到他们已经将范围(没有带前缀的美元符号)传递DialogController到底部附近.

(function(angular, undefined){
  "use strict";
  angular
   .module('demoApp', ['ngMaterial'])
   .controller('AppCtrl', AppController);
  function AppController($scope, $mdDialog) {
    var alert;
    $scope.showAlert = showAlert;
    $scope.showDialog = showDialog;
    $scope.items = [1, 2, 3];
    // Internal method
    function showAlert() {
      alert = $mdDialog.alert({
        title: 'Attention',
        content: 'This is an example of how easy dialogs can be!',
        ok: 'Close'
      });
      $mdDialog
        .show( alert )
        .finally(function() {
          alert = undefined;
        });
    }
    function showDialog($event) {
       var parentEl = angular.element(document.body);
       $mdDialog.show({
         parent: parentEl,
         targetEvent: $event,
         template:
           '<md-dialog aria-label="List dialog">' +
           '  <md-dialog-content>'+
           '    <md-list>'+
           '      <md-list-item ng-repeat="item in items">'+
           '       <p>Number {{item}}</p>' +
           '      '+
           '    </md-list-item></md-list>'+
           '  </md-dialog-content>' +
           '  <div class="md-actions">' +
           '    <md-button ng-click="closeDialog()" class="md-primary">' +
           '      Close Dialog' +
           '    </md-button>' +
           '  </div>' +
           '</md-dialog>',
         locals: {
           items: $scope.items
         },
         controller: DialogController
      });
      function DialogController(scope, $mdDialog, items) {
        scope.items = items;
        scope.closeDialog = function() {
          $mdDialog.hide();
        }
      }
    }
})(angular);

我读过这$是一个命名约定,是确保变量不会被覆盖的好方法.为什么这段代码没有遵循该约定？即在这种情况下,我们如何知道何时使用$,有什么意义？我相信在这种情况下,它必须不仅仅是命名约定,或者作者$scope为了一致性而选择使用它.

注意:我知道$scope和scope链接函数之间的区别,其中scope指向一组固定的参数.我不相信这就是为什么scope在这种情况下使用,但如果我错了,请随时告诉我.

谢谢!

Answer 1

我认为这里的文档是不一致的 - 同时也是正确的.

这里scope和$scope将来都是一样的,但我只是在读完源代码后想出来了.罪魁祸首线在内部延伸,在InterimElement那里又有一个属性.localsoptionsscope

 return showDone = compilePromise.then(function(compileData) {
              angular.extend(compileData.locals, self.options);

              element = compileData.link(options.scope);

我很确定只有事件$scope可以访问scope并保持干净,所以应该使用像控制器那样$scope提供的值$injector.

我已经提交了拉取请求来修复不一致性并编写了一支笔来演示使用情况.