使用 angular-dart 组件，提供自己的实例而不是调用构造函数

Question

在 angular-dart 中可以创建自己的组件，如 here 所示。如果您像这样在 html 中使用自定义标签：

<rating></rating>

angular 将通过调用与评级相关的类的构造函数来创建一个组件，在本例中为 new RatingComponent() （如果我没记错的话）。

我知道您可以添加属性以对其进行一些控制，但我想知道是否可以提供您自己的实例，而不是 Angular 调用构造函数。如果我在主控制器中有一个按钮列表怎么办，如何实现这样的：

<div ng-repeat='b in ctrl.buttonList'>
    <fancy-button instance='b'></fancy-button>
</div>

我感觉我遗漏了一些明显的东西，但我确实四处寻找并找不到答案。

edit（用于额外说明）：我认为这归结为是否可以通过角度影响/绕过构造函数的调用。如果它只是关于生成 html，它很容易不使用该组件而只使用主控制器（如下所示）生成 html，但如果可能的话，我想使用一个组件，因为它也有用于沙箱的 shadow-dom CSS。

<div ng-repeat='b in ctrl.buttonList'>
    <input type='button' class='fancy' value='{{b.label}}'></input>
</div>

Answer 1

你想要类似的东西

<div ng-bind-html='ctrl.html'></div>

这样你就可以通过控制器提供html了。

不过，您必须创建自己的 NgBindHtmlDirective 实现（只需几行代码），因为使用的 ng-bind-html 的 NodeValidator 还不允许自定义标签。

也许还有更复杂的方法，但我对 Angular 还不是很了解。

=== 编辑 ===

我认为您尝试做的不是 Angularish。 您可以对提供精美按钮或输入属性值的模型进行 ng-repeat。 在组件类中，您可以访问这些属性，并且可以根据这些属性来制作行为和外观。

如果您在开发时不知道要使用哪种标签，则可以使用 ng-bind-html 使用代码创建标记。