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

我发现mixin不能在Angular中使用，因为要定义范围。因此，现在创建了元素指令，并在模板中传递（意味着用Mixin编写）作为模板中的templateUrl。