代码之家 › 专栏 › 技术社区 › Naomi

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

angularjs html javascript

Naomi · 技术社区 · 6 年前

我正在尝试自动设置单选按钮,以便在单击其父表的单元格时进行检查,并且还需要能够从按钮中清除所选内容。

这是我的代码,我无法使它工作。我看过这条线 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,但是我的单选按钮似乎有自己的想法。当我单击单元格时,通常会选择另一个单选按钮。你知道我怎样才能使我的网格工作吗?我想用单选按钮单击选择单元格,反之亦然。

1 回复 | 直到 6 年前

Naomi 6 年前

我能让它工作。我现在使用:

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

在我的valueclick方法中,我使用了这个新的属性(selectedIdentifier),我将它设置为这个值,并在按钮中设置为空字符串来清除选中的内容。现在看来效果不错。

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

2 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

2 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

2 年前

jieunbi · 按日期排序数组(最新优先)

2 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

2 年前

Stradosphere · 如何防止ng bind html添加结束标记?

6 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

6 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

6 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

6 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

6 年前