angularjs html 组件配置

Question

我正在 angularjs 中实现一个简单的网格组件。我更喜欢 html 配置而不是 javascript 因为这样视图代码和逻辑代码是分开的。

例如，

<my-grid> 
     <my-column title="Name" field"name"></column>
     <my-column title="Age" field"age"></column>
 </my-grid>

我创建了一个需要 my-grid 组件的 my-column 组件。初始化控制器时，它会检查元素并调用 my-grid 的 addColumn 函数。

在最终构建网格之前，我需要正确初始化所有我的列。所有嵌套控制器初始化后（$onInit函数被调用）是否有hook？

如果不是，我应该更改我的设计什么是 angularjs 合适的设计？

Answer 1

最后，我稍微调整了一下使用了 scipper 的推荐。

我的网格最初处于初始化状态。

每个 $onInit 中的每个子组件（例如 my-column）通知 my-grid 它的存在并且 my-grid 增加一个计数器。

当子组件完成或失败时，再次通知我的网格结果 计数器递减。

当此计数器达到零时，将初始化所有子组件。这在 $postLink 和子组件完成时都会被检查。如果根本没有子组件，则需要 $postLink。

网格正在初始化时，会显示一个漂亮的加载栏。