Angular 指令参数长度限制

Question

发送到指令的参数是否有长度限制？这是我的代码：

header = JSON.stringify(header);
columnObj = JSON.stringify(columnObj);
$compile('<div column-filter-sort header=' + header + ' columnobj=' +     columnObj + '></div>')(scope);

指令：

a.directive('columnFilterSort', function () {
return {
    link: function (scope, elem, attrs) {
        var columnObj = JSON.parse(attrs.columnobj);
        var header = JSON.parse(attrs.header);
}
});

Var columnObj 看起来不错，但在 var header = JSON.parse(attrs.header); 处失败 检查 var header 我发现它不完整。我得到的错误是： SyntaxError：输入意外结束 在 Object.parse（本机）

请帮忙。

谢谢

Answer 1

首先将您的编译更改为：

$compile('<column-filter-sort header="' + header + '" columnobj="' +     columnObj + '"></div>')(scope);

第二次更改指令为：

a.directive('columnFilterSort', function () {
return {
    restrict: 'E',
    scope: {
            'header' : '=',
            'columnobj' : '='
         },
    link: function (scope, elem, attrs) {
        var columnObj = JSON.parse(scope.columnobj);
        var header = JSON.parse(scope.header);
}
});

这应该可以解决问题。 有关更多详细信息，请查看此帖子 how to pass a json as a string param to a directive

顺便说一句，您也可以在第一个 JS 部分将 JSON 传递到全局范围并使用它，而无需在指令中使用隔离范围。