javascript - 使用模块绑定(bind)到angular1.5后如何执行功能？

当绑定后加载页面时，我想使用绑定属性执行初始化函数，如下所示。

function MyController(){
  var my = this;
  my.init = function(){
    if(my.bindproperty == null)
      //I'd like to set value to my.bindproperty in init function if my.bindproperty is null.

  }
}

bindproperty绑定在组件中。

var app = angular.module('App');
app.component('myDirective', {
  bindings: {
    bindproperty: '='
  },
  controller: MyController,
  templateUrl: 'path/to/view.html'
}

我尝试使用ng-init()，但目前无法读取my.bindproperty。

HTML如下所示。

<!--in parent directive-->
<div>
  <my-directive bindproperty="$ctrl.parentProperty"></my-directive>
</div>

最佳答案

一种简单的方法：

function MyController() {
  var my = this;

  if(my.bindproperty == null) {
    // do something;
  }
}

清洁一点：

function MyController() {
  var my = this;

  (function init() {
    if(my.bindproperty == null) {
      // do something;
    }
  })();
}

另外，您的bindproperty可能是undefined或空字符串而不是null。

您可能需要进行更通用的检查（例如if (!my.bindproperty)）或更具体的检查（例如my.bindproperty !== 'some valid bind property'）。