AngularJS中的Jade混合使用方法

Question

你好，我想在我的AngularJS项目中实现Jade模板，并在模板中使用mixin（可重用的代码）。

然而，我面临的问题是我们无法使用带参数的Mixin。我是否做得正确或者我错过了在AngularJS中实现相同效果的任何替代方法？

- V31

---

我认为在AngularJS项目中没有必要使用mixin。你能给我们展示一下你的代码吗？我们会尝试为你找到替代方案。 - karaxuna

谢谢回复。问题已经解决。使用元素指令并传递模板，该模板先前是在混合中编写的。 - V31

Answer 1

您可以从您的模型创建一个js对象，并将其作为字符串传递给mixin，如下所示：

+avatarRow({name: '{{avatar.name}}', uuid: '{{avatar.uuid}}', verificationCode: '{{avatar.verificationCode}}', status: '{{avatar.status}}'})

在mixin中，现在你可以访问例如#{avatar.uuid}。

我考虑进一步自动化这个过程，因为这会导致模型代码的重复，这还不太好。如果我找到一个解决方案，我会分享的 :)

- Tarion

---

请注意：在此示例中，mixin 必须预期接收名为 avatar 的参数，该参数将包含传递给它的对象。mixin avatarRow(avatar) - Jeremy Moritz

Answer 2

我发现在Angular中无法使用mixin，因为范围需要被定义。因此现在创建了元素指令并将模板（原本应该用Mixin编写）作为templateUrl传递给它。

- V31

---

你手头有那段代码的示例片段吗？ - nikjohn