javascript - AngularJS 模板渲染后执行 Javascript

Question

有一个 AngularJS Controller ，它通过 GET 将数据从我的 API 加载到作用域中。如果适用某些条件，模板会显示不同的输入字段。显示这些输入字段后，我想在这些元素上执行 Javascript 代码(例如 Bootstrap .datepicker())。

我该怎么做？我需要一个类似 AngularJS 已准备好渲染模板 之类的事件..

Answer 1

最好的方法是 create your own directives (请参阅创建操作 DOM 的指令部分)。

在 link 方法中，您可以获取元素并执行您想要的操作。喜欢:

function myDatePickerDirective() {

  function link(scope, element, attrs) {
    element.datepicker();
  }

  return {
    link: link
  };
}

angular.module('app')
  .directive('myDatePicker', myDatePickerDirective);

<小时/>

但您可能也会发现有用的 the AngularUI lib 。 它有一些有用的 Bootstrap 组件。