簡體   English   中英

在 Angular-JS 中,如何根據所選行中包含的數據顯示按鈕?

[英]In Angular-JS, how can i show a button based on data contained in a selected row?

對於我正在處理的項目,我創建了一個使用 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 中的 function:

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


        CruscottoUtilityService.highlightRow('cruscottoPrimaNotaTable');
    };

在這張桌子下,我有一些按鈕。 如何根據所選行上的數據顯示這些按鈕? 我應該根據 data.statoPN 中包含的字符串顯示或隱藏按鈕。

謝謝

我不是 Angular-js 愛好者,但也許你可以做這樣的事情?

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

然后在您的 controller 中執行顯示或隱藏按鈕的邏輯。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM