Javascript 在AngularJS中放置预处理JS代码的最佳位置

我遇到了一个我自己无法解决的最佳实践问题：

假设我有一个预处理代码（字面上是两个JS函数），其中我从DOM中读出现有的CSS3关键帧规则，并根据它们构建一些DOM元素。其目的是从CSS3关键帧动画构建时间轴

我最初的想法是使用一个指令，因此我将预处理器代码放在它的链接函数中。问题是预处理器只需运行一次，并根据其结果构建时间线DOM，因此该指令感觉有点太多了

我的第二次尝试是使用一个指令控制器并将预处理器的结果保存在那里，例如$scope.keyframeRules、$scope.animLength等等…。然而，在控制器中使用这种逻辑JS代码感觉是错误的

要解释预处理功能的作用：

函数getKeyframerUsers（keyframeName，document）返回CSSOM对象

---

任何建议都会非常好

您可以手动引导。你需要做什么。。。然后调用angular.BootstrapBotstrap是没有选项的，因为关键帧是从另一个元素实时提取的。关键问题是：我应该把代码放在哪里，这样它才符合逻辑。