AngularJS指令中如何在testController内访问myUrl对象？

核心原因 #

当使用bindToController: true结合controllerAs语法时，指令绑定的属性会直接挂载到**控制器实例（this）**上，而非通过$scope.testCtrl访问；同时控制器构造函数执行时，属性绑定可能尚未完成，导致提前访问返回undefined。

解决方案 #

直接在控制器中通过this（或赋值给vm变量）访问绑定属性，并利用$onInit生命周期钩子确保绑定完成后再执行逻辑：

修改testController代码：

function testController() {
  var vm = this;

  // 绑定完成后执行初始化逻辑
  vm.$onInit = function() {
    console.info(vm.myUrl);    // 正确访问paysCtrl.gridOptions
    console.info(vm.myLinkText); // 正确访问paysCtrl.gridApi
  };

  // 其他方法中直接通过vm访问属性
  vm.doSomething = function() {
    console.log(vm.myUrl);
  };
}

关键说明 #

1. 避免通过$scope访问控制器实例属性：bindToController会将scope中定义的绑定直接注入控制器实例，无需通过$scope.testCtrl间接访问。
2. 使用$onInit确保绑定时机：AngularJS 1.5+的$onInit钩子会在所有绑定属性赋值完成后触发，此时访问vm.myUrl等属性能拿到正确值，而控制器构造函数执行时绑定可能尚未完成。

内容的提问来源于stack exchange，提问作者sshet