Question

在下面的代码片段中，第一列是可点击的（^和v），用于打开和关闭手风琴式的行。这个单元格可以点击＆＃34; class属性中的值。单击所有其他单元格后，将打开一个新页面（由getProfileDetail函数处理）。但是tr类属性没有获得可点击的值。我在我的css中使用.clickable来显示光标：指针。点击事件有效。我的麻烦是让视觉正确。该点显示在第一个单元格上，但不显示该行的其余部分。

我做错了吗？或者有更好的方法来解决我想要做的事情吗？

（对于它的价值，手风琴打开时显示的行不可点击。该代码不会显示在下方。）

<tr class="info-row" [ngClass]="{even: even}"
    (click)="getProfileDetail(searchResult.id)">
    <td ngid="pr-col-accordion"  [ngClass]="{even: even, clickable: searchResults.records.length>1}"
    (click)="$event.stopPropagation(); searchResult.records.length > 1 ? searchResult.opened = !searchResult.opened : false">
        <i [ngClass]="{'material-icons': searchResult.records.length > 1, opened: searchResult.opened}"></i>
    </td>
    <td>{{searchResult.id}}</td>
    <td>{{searchResult.name}}</td>
    <td>{{searchResult.contact}}</td>
    <td>{{searchResult.records[0].name}}</td>
    <td>
        <i class="material-icons">keyboard_arrow_right</i>
    </td>
</tr>

Answer 1

在元素中，答案是添加

<tr class="info-row" [ngClass]="{even: even, clickable: true}" ...

tr元素是否可以点击＆＃34;在它的类属性？

1 个答案: