Javascript ng显示{{col.displayName}}和{{grid.getCellValue}的网格列定义

我有一个控制器：

$scope.allOrders = [];
OrdersFactory.query().$promise.then(function(data) {
 $scope.allOrders = data;
});
$scope.gridOptions = {
    data: 'allOrders',
    columnDefs: [
        { name:'document_no', field: 'document_no' },
        { name:'waiter_name', field: 'waiter_name' }
    ]
};

工厂将获得以下数据：

[
    {
        "id": 21, 
        "document_no": "RAC_21", 
        "waiter_name": "Name 2"
    }, 
    {
        "id": 20, 
        "document_no": "RAC_20", 
        "waiter_name": "Name"
    },
    ...
]

这就是结果：

---

为什么不显示我的数据和表格标题？

模板已损坏。检查template.Ohh中的语法，我使用interpolateProvider.startSymbol'[['和$interpolateProvider.endSymbol']'，如何在ng网格中设置它？