javascript - 带有动态js对象变量作为属性的jade mixin

Question

我正在尝试像这样调用jade中的mixin

    +projectInfo("assets/images/image.jpg",{{repository.project[projectId].unit}})

error: Unexpected token {
at Function (native) at assertExpression ...

我也尝试过这样的:

+projectInfo("assets/images/image.jpg",repository.project[projectId].unit)

error: Cannot read property 'project' of undefined

我做错了什么？

更新:mixin 看起来像这样

mixin projectInfo(img, title)
    .container-fluid
        .col-xs-12.projectInfo
            .col-xs-12.img
                img(src= img)
            .col-xs-12.title
                h1= title

Answer 1

当您将 AngularJS 与 Jade 一起使用时，最好使用带有自己模板的指令(如果您愿意，也可以由 Jade 提供支持)

您使用的情况并不正确，jade 将构建为 html，在此过程中，传递给 mixin 的值将用于绘制 mixin 模板，而不是 +mixinName() ，并且当您想要在那里放置动态值时，有必要使用 AngularJs 方法:

angular.module('app.directives').directive('projectInfo', projectInfo);

function projectInfo() {
    return {
        restrict: 'AE',

        //build from jade template and contain {{info.title}}, {{info.img}}
        templateUrl: '/templates/myTemplate.html', 

        scope: {info: '='}
    };
}