angularjs - Bootstrap 不一致行为中的 Dust.js 模板自定义帮助程序

Question

我有一个 Dust.js 助手，我在其中应用了一些 acl 逻辑，如下所示：

'use strict';

import dust from 'dustjs-linkedin';
import acl from '../config/acl';

dust.helpers.accessControl = function(chunk, context, bodies, params) {
    let userId = params.userId;
    let resource = params.resource;
    let permission = params.permission;

    acl.acl.isAllowed(userId, resource, permission, function(err, res){

        if(res){
            chunk.render(bodies.block, context);
            return chunk;
        }
        else {
            return chunk;
        }
    });
};

在模板中：

{@accessControl userId=user._id resource="/admin" permission="get"}
                    <li class="nav-item">
                        <a class="nav-link" ng-class="{'active' : getPath()[0] == 'admin'}" href="/admin">Admin</a>
                    </li>
                {/accessControl}

使用正确的参数正确调用助手，并且 node_acl 正确授权用户（res在回调中是true）。在我的模板中的许多地方，它显示了预期的行为，除了 Bootstrap 3 导航栏，它通常不呈现任何内容，有时在导航栏中的 ul 下方：

有什么想法吗？请注意，我使用 Angular 将活动类放在链接中，它不是 SPA 并且禁用了深度链接，但它应该没有任何关系，因为模板是在服务器端呈现的。谢谢！

Answer 1

node_acl的请求是异步的。我需要将我的助手更改为：

dust.helpers.accessControl = function(chunk, context, bodies, params) {
    let userId = params.userId;
    let resource = params.resource;
    let permission = params.permission;

    return chunk.map(function(chunk) {
        acl.acl.isAllowed(userId, _reverse(resource), permission, function(err, res){
            if(res && bodies['block']) {
                return chunk.render(bodies['block'], context).end();
            }
            else {
                return chunk;
            }
        });
    });
};

克服无序的块。