javascript - Angular 'this' 无法在指令 Controller 内工作

Question

我有以下代码。为什么 vm.name 不起作用？为什么 Controller 内部的this没有被检测到？我没有为指令定义一个封闭的范围吗？

我做错了什么？

var mod = angular.module('myApp', []);

mod.directive('myObj', myObject);

function myObject(){
  return {
      restrict: 'E',
      templateUrl: 'my-obj.html',
      scope: {},
      controller: myController
  };

  function myController(){
    var vm = this;

    vm.name="vfdfbdn";
  }
}

Answer 1

要在 Controller 内部指令中使用this，您需要使用controllerAs: 'ctrl'，但在模板中您需要在所有名称前加上{{ ctrl.name}} 或者您可以使用 $scope，例如:

function myController($scope) {
    $scope.name="vfdfbdn";
}