angularjs - AngularJS 中的 Jade Mixins

Question

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

然而，我面临的问题是我们不能将 Mixin 与参数一起使用。我做得对吗，还是在我缺少的 AngularJS 中有任何替代方法？

Answer 1

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

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

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

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

Answer 2

我发现 mixins 不能在 Angular 中使用，因为要定义范围。因此，现在创建了 element 指令并传入模板（本来是用 Mixin 编写的）作为其中的 templateUrl。