Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it L'avatar di Marcolino's
    Registrato dal
    May 2003
    residenza
    Udine
    Messaggi
    3,606

    AngularJS gestione di una tabella dati con sostituzione dato.

    Ciao, ammetto che il titolo è un po' complicato e probabilmente la richiesta è più semplice da esaudire che da descrivere, quindi eccola:
    In pratica ricevo da un database dei dati che inserisco in una tabella, il tutto creato tramite angularjs; funziona tutto perfettamente, ma un dato della tabella è vero o falso e devo renderlo in qualch modo nella tabella.
    Qualsiasi metodo scelgo però invece di mostrarmi il "check" mi mostra il codice html che dovremme indicarmi il dato ( un check per dato effettivo e nulla se il dato manca ).
    Ho provato in vari modi, sia a far pervenire direttamente dal database il codice da inserire in luogo del dato originale ( che è 0 ( zero ) o 1 ); sia direttamente dal javascript.
    In ogni caso non va.
    Ho anche provato, cercando nel manuale, una strada per inseire del codice html, ma non mi funziona.
    https://docs.angularjs.org/api/ng/directive/ngBindHtml

    Un po' di codice:
    codice HTML:
    <div class="col-md-12 col-lg-12">
                        <div ng-app="myApp" ng-controller="tableCtrl"> 
    
                            <div class="btn-toolbar" role="toolbar">
                                <div class="btn-group" role="group">
                                    <button type="button" class="btn btn-default" ng-click="modeASC();">Tutto il DB Ascendente (*)</button>
                                    <button type="button" class="btn btn-default" ng-click="modeDESC();">Tutto il DB Discendente</button>
                                </div>
                            </div>
                            <p>Con l'asterisco (*) il comando predefinito!</p>
                        
                            <h3>{{ messaggio }}</h3>
                            <form method="post" action="<?php $paginaCorrente; ?>">
                                <table class="table table-bordered striped">
                                    <thead>
                                        <tr>
                                            <td>Prog.</td>
                                            <td>N.° rett.</td>
                                            <td>Comune</td>
                                            <td>Persona</td>
                                            <td>Stato Civile</td>
                                            <td>Art. 98</td>
                                            <td>Data invio</td>
                                            <td><span class="glyphicon glyphicon-print"></span></td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr ng-repeat="x in names">
                                            <td>{{ $index + 1 }}</td>
                                            <td>{{ x.numero }}</td>
                                            <td>{{ x.comune }}</td>
                                            <td>{{ x.nome }}</td>
                                            <td>{{ x.tipo_atto }}</td>
                                            <td><p ng-bind-html="HTML"></p></td>
                                            <td>{{ x.inviata }}</td>
                                            <td>
                                                <label>
                                                    <input type="checkbox" name="stampami[]" value="{{ x.id }}">
                                                </label>
                                            </td>
                                        </tr>
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <td colspan="8">
                                                <input type="submit" class="btn btn-success btn-block" name="stampa" value="STAMPA">
                                            </td>
                                        </tr>
                                    </tfoot>
                                </table>
                            </form>
                            
                        </div>
                        
                        <script>
                            
                            var app = angular.module( 'myApp', [] );
                            app.controller( 'tableCtrl', function( $scope, $http ) {
                                
                                $scope.modeASC = function(){
                                    $http.get( "http://10.6.83.211/~marco/ufficio/DB_resta_stato_civile.get.php?mode=asc" )
                                    .then( function ( response ) { 
                                        var r = response.data,
                                                l = r.length,
                                                u = '';
                                        for ( var i = 0; i < l; i++ ){
                                            if ( r[i]['ufficio'] == 1 ){
                                                u = '<span class="glyphicon glyphicon-ok"></span>';
                                            }
                                        }
                                        $scope.HTML = u;
                                        $scope.messaggio = 'Database completo in ordine ascendente';
                                        $scope.names = r;
                                    });
                                };
                                $scope.modeDESC = function(){
                                    $http.get( "http://10.6.83.211/~marco/ufficio/DB_resta_stato_civile.get.php?mode=desc" )
                                    .then( function ( response ) { 
                                        $scope.messaggio = 'Database completo in ordine discendente';
                                        $scope.names = response.data;
                                    });
                                };
                                $scope.modeASC();    //    Default
                                
                            });
                        </script>
    Seguendo il manuale ho provato a inserire questo codice nella cella interessata: <td><p ng-bind-html="HTML"></p></td> con la modifica nel javascript che si vede qui sopra nella routine $scope.modeASC(), ma non funziona non mostrando nulla e dandomi un errore nella libreria.
    Come non funziona se invece inserisco <td>{{ x.ufficio }}</td> dopo aver modificato il javascript corrispondente in modo che ufficio contenga la stringa, in questo caso mi viene indicata la stringa html e non il suo contenuto.

  2. #2
    Utente di HTML.it L'avatar di Marcolino's
    Registrato dal
    May 2003
    residenza
    Udine
    Messaggi
    3,606
    Approccio al problema sbagliato forse o risolto, per fortuna il dato é scritto nella forma 0 e 1 quindi posso considerarlo binario o c'è o non c'é, ovvero mi costruirò un filtro o qualcosa di simile.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.