無法綁定到“數據鏈接”，因為它不是“td”的已知屬性

Question

實際上，我正在執行從 angularjs 到 angular 10 的 angular 遷移。在進行升級時，我們遇到了這個data-link綁定的問題。 不斷收到錯誤

無法綁定到“數據鏈接”，因為它不是“td”的已知屬性

實際上，他們在 UI 中構建了一個網格（表格結構），單擊行將導航到其他頁面，整行將充當超鏈接，並且他們將單擊的單元格信息傳遞到下一頁。

以下是 angularjs 代碼，我們需要將其轉換為 angular 10。

<tr ng-repeat="data in vm.responseData" ng-click="vm.goToSummary(data,this)">
    <td data-link="{{data.Description}}">
        <span ng-bind="data.Description" 
              data-link="{{data.Description}}">
        </span>
    </td>
    <td data-link="{{data.Description + 'propA'}}">
        <div data-link="{{data.Description + 'propA'}}" >{{data.propA}}</div>
        <span data-link="{{data.Description + 'propA_' + 'Priority'}}">{{data.propACount}}</span>
    </td>
    <td data-link="{{data.Description + 'propB'}}">
        <div data-link="{{data.Description + 'propB'}}" >{{data.propB}}</div>
        <span data-link="{{data.Description + 'propB_' + 'Priority'}}">{{data.propBCount}}</span>
    </td>
 </tr>

有人可以幫我確定如何在 angular 中使用數據鏈路綁定，或者如何解決此錯誤。 如果有人能說出上述代碼中data-link鏈接的作用，那也會很有幫助。

Answer 1

就我而言，我正在從 jQuery 遷移代碼，所以原來的：

data-sentence="mydata"

更改為：

data-sentence="{{oracion.oracion}}"

當它起作用時，對於特定的data屬性，您應該將屬性括起來並添加attr.

但以下不起作用：

[attr.data-sentence]="{{oracion.oracion}}"

因此，您需要將其轉換為：

[attr.data-sentence]="oracion.oracion"

但考慮到我認為最好重新考慮這個功能系統，因為您可以將數據保留在 angular controller （組件）中