A pit that uses template strings in angularjs

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);

The value of

arr [I] .keyValue is similar to {{abc}},
, but after $compile ($titles) ($scope); enabled, {{abc}} is parsed by angularjs as a variable, and I want to show it as < td class= "txt-td-b chang$ {I}" > {{abc}} < / td >,
using escape characters will also be considered {{abc}} as a variable to be parsed, ask if you have a good solution?