javascript - 在 Angular-JS 中,如何根据所选行中包含的数据显示按钮?

标签 javascript angularjs rest angularjs-scope

对于我正在处理的项目,我创建了一个使用 REST 服务填充的表,这是我的代码:

HTML

<tr ng-repeat="data in response.risultatoRicercaPrimaNota track by $index">
                        <td class="text-center"><input ng-if="data.statoPN" id="idRadioPrimaNota" type="radio" name="groupNamePrimaNota"
                                                       ng-click="selezione($index)" value="{{data.statoPN}}"></td>
                        <td class="text-center">{{data.dataContabile| date:'EEEE'}}</td>
                        <td class="text-center">{{data.dataContabile| date:'dd/MM/yyyy'}}</td>
                        <td class="text-center">{{data.dataRendIntegr| date:'dd/MM/yyyy'}}</td>
                        <td class="text-center">{{data.statoPN}}</td>
                        <td class="text-center">{{data.tipologia}}</td>
                        <td class="text-center">{{data.dataDoc| date:'dd/MM/yyyy'}}</td>
                        <td class="text-center">{{data.dataCompBanc| date:'dd/MM/yyyy'}}</td>
                        <td class="text-center">{{data.testoTestata}}</td>
                        <td  ng-value="$last && caricaPaginazione('cruscottoPrimaNotaTable','1','asc')" class="text-center">
                            {{data.dataInvioSap| date:'dd/MM/yyyy'}}
                        </td>
                    </tr>

表格的第一列用作复选框。

这是我的 js Controller 内的函数:

    $scope.selezione = function (i) {
    $scope.showButton = true;
    $scope.rowselected.idx = i;
    $scope.selected = true;


        CruscottoUtilityService.highlightRow('cruscottoPrimaNotaTable');
    };

在这张 table 下,我有一些按钮。如何根据所选行上的数据显示这些按钮?我应该根据 data.statoPN 中包含的字符串显示或隐藏按钮。

谢谢

最佳答案

我不是 Angular-js 爱好者,但也许你可以做这样的事情?

<tr ng-repeat="data in response.risultatoRicercaPrimaNota track by $index" ng-click="onRowClick(data)">

然后在 Controller 中执行显示或隐藏按钮的逻辑。

关于javascript - 在 Angular-JS 中,如何根据所选行中包含的数据显示按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61405261/

相关文章:

javascript - 用 Javascript 调用 JSP 文件

javascript - 获取所有 Angular Controller

spring - 安心休息服务

json - AngularJS 中带有 JSON 数据的动态 ng-Grid?

java - 使用 Play 框架处理 REST URL 错误

java - 无法使用@Value注释从Spring Boot中的属性文件中读取值

用于提取相关 CSS 的 JavaScript 库

javascript - 如何在动态添加的数组中具有不同的值

javascript - Angular 的 Http 请求服务抛出错误

javascript - 无法读取未定义的属性 'toLowerCase' (Angularjs/JavaScript/Json)