Javascript 如何获取动态变量'；HTML标记中的值

我目前正在使用AngularJS，这是我的HTML：

<tbody>
    <tr dir-paginate="tdata in tableData | orderBy:predicate:reverse | filter:searchFilter | itemsPerPage:10 track by $index ">
        <td class="table-data-edit-all">
            <input type="checkbox" ng-model="tdata.selectedCell">
        </td>
        <td class="align-left">
            {{ tdata.companyName }}
        </td>
        <td class="align-left">
            {{ tdata.department }}
        </td>
        <td>
            <a ng-click="editCompany({{ tdata.id }})"><i class="fa fa-edit"></i></a>
            <a ng-click="removeCompany({{ tdata.id }})"><i class="fa fa-remove"></i></a>
        </td>
    </tr>
</tbody>

加载页面时：

• 第一次，

  tdata.id

  在HTML视图中显示数字id

  1

  ，然后

  editCompany（index）

  也打印到控制台编号

  1

• 第二次，在我使用，

  tdata.id

  显示与之对应的编号id

  10

  tdata.companyName

  。然而，此时，

  editCompany（index）

  打印到控制台编号

  1

  ，而不是

  10

---

如何修复它？

您必须从代码中删除{{}}

HTML格式的

<tbody>
<tr dir-paginate="tdata in tableData | orderBy:predicate:reverse | filter:searchFilter | itemsPerPage:10 track by $index ">
    <td class="table-data-edit-all">
        <input type="checkbox" ng-model="tdata.selectedCell">
    </td>
    <td class="align-left">
        {{ tdata.companyName }}
    </td>
    <td class="align-left">
        {{ tdata.department }}
    </td>
    <td>
        <a ng-click="editCompany(tdata.id)"><i class="fa fa-edit"></i></a>
        <a ng-click="removeCompany(tdata.id)"><i class="fa fa-remove"></i></a>
    </td>
</tr>

{{tdata.companyName}
{{tdata.department}

我希望这能帮助您使用

ng click=“editCompany（tdata.id）

而不是

ng click=“editCompany（{{tdata.id}）

{{tdata.companyName}
{{tdata.department}

谢谢，它就像一个符咒。这个愚蠢的错误花了我两个小时才找到解决办法

<tbody>
<tr dir-paginate="tdata in tableData | orderBy:predicate:reverse | filter:searchFilter | itemsPerPage:10 track by $index ">
    <td class="table-data-edit-all">
        <input type="checkbox" ng-model="tdata.selectedCell">
    </td>
    <td class="align-left">
        {{ tdata.companyName }}
    </td>
    <td class="align-left">
        {{ tdata.department }}
    </td>
    <td>
        <a ng-click="editCompany(tdata.id)"><i class="fa fa-edit"></i></a>
        <a ng-click="removeCompany(tdata.id)"><i class="fa fa-remove"></i></a>
    </td>
</tr>

<tbody>
    <tr dir-paginate="tdata in tableData | orderBy:predicate:reverse | filter:searchFilter | itemsPerPage:10 track by $index ">
        <td class="table-data-edit-all">
            <input type="checkbox" ng-model="tdata.selectedCell">
        </td>
        <td class="align-left">
            {{ tdata.companyName }}
        </td>
        <td class="align-left">
            {{ tdata.department }}
        </td>
        <td>
            <a ng-click="editCompany(tdata.id)"><i class="fa fa-edit"></i></a>
            <a ng-click="removeCompany(tdata.id)"><i class="fa fa-remove"></i></a>
        </td>
    </tr>
</tbody>