角'this'在指令控制器中不起作用

Question

我有以下代码。 vm.name为什么不起作用？ 为什么未检测到控制器内部的this ？ 我没有为指令定义封闭scope吗？

我究竟做错了什么？

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";
}

Answer 2

function myObject(){
  return {
      restrict: 'E',
      template: '<div>{{c.name}}</div>',
      scope: {},
      controller: myController,
      controllerAs: 'c'
  };

  function myController(){
    var vm = this;

    vm.name="vfdfbdn";
  }
};

请参阅此问题以了解内容

Answer 3

尝试这个：

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


myController.$inject = ['$scope'];

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

Answer 4

您需要告诉Angular您将如何从视图中的控制器引用this 。

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

现在，您可以引用分配给this所有内容，即您在控制器中使用ctrl命名为vm 。

我使用ctrl来显示在视图中用来引用它的名称（由controllerAs设置）与您在控制器函数中this的名称之间没有关联。 用不同的controllerAs引用来引用不同的控制器是很正常的，因此现在您可以在视图中引用它们。