angularjs中使用模板字符串的一个坑

Question

titles = titles+ `<tr>
        <td class="txt-td-a">${arr[i].keyCode}</td>
        <td class="txt-td-b chang${i}">${arr[i].keyValue}</td>
        <td class="txt-td-c ">
            <a ng-click="clickChangeType(v1,'CHANGE','chang${i}')" href="javascript:void(0);">更改</a>
            <a ng-click="clickChangeType(v1, 'DELETE','chang${i}')" href="javascript:void(0);">删除</a>
        </td>
    </tr>`

$(".textTable").append($titles);    
$compile($titles)($scope);

arr[i].keyValue的值类似于{{abc}},
而经过$compile($titles)($scope);赋能后，{{abc}}被angularjs当做变量解析掉，而我想显示为<td class="txt-td-b chang${i}">{{abc}}</td>，
使用转义字符也是会被认为{{abc}}是变量被解析，问各位是否有好的解决方法？