javascript - Angular 1 : referencing controller object inside template

Question

我有一个像这样的简单指令:

myApp.directive('myDirective', function() {
  var controller = ['$scope',  function($scope) {
    function init() {
      this.name = "Sim";
      this.age = 6;
    }
    init();
  }];
  //define the directive object
  var directive = {};
  directive.controller = controller;

  directive.restrict = 'E';
  directive.templateUrl = "hello.html";
  directive.controllerAs= 'cus';//defining a name to the controller.
  return directive;
});

在我的 html 模板中，我想像下面这样引用 Controller 变量(请注意上面的 Controller 被引用为 cus):

<div>
  <div>Name: {{cus.name}}</div>
  <div> Age: {{cus.age}}</div>
</div>

这是我的 plunk与问题

为什么这个代码段不起作用？

Answer 1

可能的问题是“this”的使用。不要使用“this”，而是使用 controllerAs 变量。

例如:

var cus = this;

function init() {
      cus.name = "Sim";
      cus.age = 6;
    }

init();