Angularjs 如何在ng网格单元模板中添加音频标记

我是新手。我使用ng网格列出动态数据。我有音频、视频、图像作为数据。当只有图像作为数据时，它会正确显示。如何在单元格模板中设置音频和视频标签。 目前我得到一个错误

scope.pinsview = {
        data: 'userlist',

        columnDefs: [
        {field:'image_name',
        displayName:'Pin', 
        cellTemplate:'<div ng-switch="row.getProperty(\'pin_type\')">'+
                  '<div ng-switch-when="image"><img  src="/uploads/pins/images/{{row.getProperty(\'image_name\')[0]}}" /></div>' +
                    '<div ng-switch-when="audio"> <audio src="/uploads/pins/audio/{{row.getProperty(\'audio_file\')}}"> </div>' +
                    '<div ng-switch-when="video"><video src="/uploads/pins/videos/{{row.getProperty(\'video_id\')}}"></div>' +
                  '</div>'

            },
            {field: 'description', displayName: 'Pin'},
            {field: 'user_id.username', displayName: 'Pinned By'},
            {field: 'board_id.board_name', displayName: 'Pinned On'},
            {field: 'Actions', cellTemplate:
                        '<a ng-click="deletePin(row.entity)" class="btn btn-mini tip deleteAdmin"  confirmation-needed="Are you sure want to delete this group?" data-original-title="Delete"><img alt="" src="/assets/images/admin/icons/fugue/cross.png"></a>  <a class="btn btn-mini tip pwdReset" ng-click="blockPin(row.entity)" data-original-title="Reset Password"><img alt="" src="/assets/images/admin/icons/fugue/flag-black.png"></a>'}],
        enablePaging: true,
        showFooter: true,
        totalServerItems: 'totalServerItems',
        pagingOptions: $scope.pagingOptions,
    };

有人能帮我解决这个问题吗？提前谢谢

17angular.js:12332 Error: [$interpolate:noconcat] Error while interpolating: /uploads/pins/audio/{{row.getProperty('audio_file')}}
Strict Contextual Escaping disallows interpolations that concatenate multiple expressions when a trusted value is required.