angular - ionViewDidLoad() 函数的目的是什么？

Question

在运行 ionic g page pageName 时，我生成了 .ts、.css 和 .html 文件。

在 .ts 文件中，我有一个名为 ionViewDidLoad(){} 的函数，它会在我的 View 出现之前打印出来。

我相信这可以在构造函数中完成吗？

谁能给我一些关于这个功能的博客或解释的引用？

Answer 1

你是对的，很多事情都可以在构造函数或 ionViewDidLoad 中完成，结果是一样的......

但是 constructor 和 ionViewDidLoad 之间的主要区别 是 constructor 只会执行一次(当组件被实例化)但是 ionViewDidLoad 方法将每次进入(加载) View 时执行。

例如，如果你想从远程数据源加载数据，如果你在构造函数中这样做，数据只会被获取一次。如果该数据可以足够快地变化，更好的方法是在 ionViewDidLoad 方法中获取它，以确保每次加载页面时，获取最新数据并显示在 View 中.

关于 ionViewDidLoad 的另一个重要事实是，有时您想要与 DOM 交互(可能是为了初始化 map )。

在这种情况下，如果您尝试在构造函数中访问 DOM，您会注意到此时 DOM 还没有准备好，您将无法获取 map 元素。正确的做法是在 ionViewDidLoad 中执行此操作，因为此时(就像名称所说的那样) View 已经加载并且 DOM 现在可用。

更新:

就像@graphefruit 在下面的评论中指出的那样，在最新版本的 Ionic 2 中，如果页面未缓存，ionViewDidLoad 只会触发。 ionViewWillEnter 或 ionViewDidEnter 将在每次进入页面时触发。