Question

当我点击其父表的单元格时，我正在尝试自动设置要检查的单选按钮，并且还需要能够从按钮中清除选择。

这是我的代码，我无法让它工作。我确实看过这个帖子How to select a radio button by default?，但它对我没有帮助。

<tbody>
            <tr ng-repeat="row in wm.rows ">
                <td class="col-xs-3 matrix-table-td matrix-table-td-alignleft" 
                    ng-class="{selected: row.valueName === wm.selectedRow}">
                    {{row.valueName}}
                </td>
                <td class="matrix-table-td"
                    ng-repeat="column in wm.columns track by $index"
                    ng-click="wm.valueClick(row, column, $index);"
                    ng-class="{'nodata':  wm.getCellValue(row, column, 'inventoryId')===null, 'selected': $index === wm.selectedIndex && row.valueName===wm.selectedRow}">
                    <span ng-if="!wm.selectorOnly">{{ wm.getCellValue(row, column, wm.selectedField)}}</span>
                    <input type="radio" name="cellSelector"
                           ng-model="wm.selectedInventoryId"
                           ng-value="{{wm.selectedInventoryId}}"
                           ng-if="wm.selectorOnly"/>
                </td>
            </tr>
        </tbody>

因此，valueClick方法设置selectedInventoryId，但我的单选按钮似乎有自己的想法。当我单击单元格时，通常会选择另一个单选按钮。你知道如何让我的网格工作吗？我希望单选按钮单击选择单元格或反之亦然。

Answer 1

我能够让它发挥作用。我现在正在使用：

＆＃13;

<input type="radio" name="cellSelector"
                           ng-model="wm.selectedIdentifier"
                           value="{{row.tmplatId.toString() + '_' + column.tmplatId.toString()}}"
                           ng-if="wm.selectorOnly"/>

＆＃13;

在我的valueClick方法中，我使用这个新属性添加了（selectedIdentifier），我将其设置为此值，并在按钮中设置为空字符串以清除所选内容。现在似乎工作得很好。

AngularJs - 在表格中设置单选按钮值

1 个答案: