在呈现AngularJS模板后执行Javascript

有一个AngularJS控制器，它通过进入作用域从我的API加载数据。如果某些条件适用，模板将显示不同的输入字段。显示这些输入字段后，我希望在这些元素上执行Javascript代码（例如Bootstrap.datepicker（）

---

我该怎么做？我需要一个事件，比如AngularJS准备好呈现模板了吗？或其他什么..

最好的方法是（请参阅创建操作DOM的指令一节）

在那里，在

link

方法上，您可以获取元素并执行您想要的操作。比如：

function myDatePickerDirective() {

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

  return {
    link: link
  };
}

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

---

但你可能也会发现这很有用。

---

它有一些有用的引导组件。

最好的方法是（请参阅创建操作DOM的指令一节）

在那里，在

link

方法上，您可以获取元素并执行您想要的操作。比如：

function myDatePickerDirective() {

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

  return {
    link: link
  };
}

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

---

但你可能也会发现这很有用。

---

它有一些有用的引导组件。

这是一个演示，但您可以将它与其他库一起使用。

var myApp=angular.module（'myApp'，[]）；
指令（“日期选择器”，函数（）{
返回{
限制：“A”，
要求：“ngModel”，
链接：函数（范围、元素、属性、ngModelCtrl）{
var updateModel=函数（dateText）{
作用域：$apply（函数（）{
ngModelCtrl.$setViewValue（日期文本）；
});
};
/*您的自定义日期库*/
日期选择器({
自动关闭：正确
}).on（'changeDate'，函数（e）{
/*更改日期时更新模型*/
updateModel（例如format（））；
});
}
}
});

{{日期选择器| |“00/00/0000”}
这是一个演示，但您可以将其与其他库一起使用。


var myApp=angular.module（'myApp'，[]）；
指令（“日期选择器”，函数（）{
返回{
限制：“A”，
要求：“ngModel”，
链接：函数（范围、元素、属性、ngModelCtrl）{
var updateModel=函数（dateText）{
作用域：$apply（函数（）{
ngModelCtrl.$setViewValue（日期文本）；
});
};
/*您的自定义日期库*/
日期选择器({
自动关闭：正确
}).on（'changeDate'，函数（e）{
/*更改日期时更新模型*/
updateModel（例如format（））；
});
}
}
});

{{日期选择器| |“00/00/0000”}