Question

我正在使用kendo ui网格，我想将列标题绑定到json文件，而不是直接在控制器中指定它。

我创建了一个从json文件成功检索数组的函数，并填充范围：

        function returnColumns(){
            $http.get('app/data/headers.json')
                    .then(function(res){
                        $scope.myHeaders = res.data;
                    });
        }
        returnColumns();

在网格的选项中，我将列引用到范围内的变量：

        $scope.options = {
            dataSource: {
                type: "json",
                transport: {
                    read: "app/data/myData.json"
                },
                pageSize: 10,
                schema  : {
                    data: "mySchema"
                }
            },
            sortable: true,
            pageable: true,
            resizable: true,
            columns:$scope.myHeaders
    ....
    ....

但是绑定没有启动，标题也没有更新。

谢谢！

Answer 1

假设您只加载了一次标题，并且可以在标题加载之前隐藏表格，将ng-if="myHeaders"抛出到kendo-ui网格元素上，从$scope.options中删除列并使用{而是在元素上{1}}。

所以：

k-columns

变为：

<div kendo-grid k-options="options"></div>

将kendo ui网格列标题绑定到AngularJs中的范围

1 个答案: