ng-repeat更改值内的AngularJs表

Question

我正在使用AngularJs创建一个表：一切正常，但是当json返回0或1之类的值时，我希望能够在表内以Yes或No值更改它们。 但是我不知道该怎么做。

在这里，您可以看到我的简化代码：

    <!-- /.panel -->
    <div class="panel panel-default" >
        <div class="panel-heading">

        </div>
        <!-- /.panel-heading -->
        <div class="panel-body">
            <div class="row">
                <div class="col-lg-3">
                    <div class="table">
                        <table class="table table-bordered table-hover table-striped dataTable no-footer" data-sort-name="name" data-sort-order="desc">
                            <tr role = "row" class="info text-center">
                                <th ng-click="order('msisdn')">Número Teléfono</th>
                                <th ng-click="order('icc')">ICC</th>
                                <th ng-click="order('imei')">IMEI</th>
                                <!--th>IMEI</th-->
                                <th ng-click="order('ActivationStatus')">Estado</th>
                                <th ng-click="order('sitename')">Instalación</th>
                                <th ng-click="order('siteaddress')">Dirección</th>
                                <th ng-click="order('sitecity')">Ciudad</th>
                                <th ng-click="order('sitezip')">Código Postal</th>
                                <th ng-click="order('comments')">Comentario</th>
                                <th ng-click="order('phonedesc')">Modelo Teléfono</th>
                                <th ng-click="order('ContractingMode')">VBP</th>


                            </tr>


                            <tr class=" text-center" ng-repeat-start="object in objects | filter:searchText | filter:tableFilter | orderBy:predicate:reverse" ng-click="main.activeRow = object.icc" >
                                <td>{{object.msisdn}}</td>
                                <td>{{object.icc}}</td>
                                <td>{{object.imei}}</td>
                                <td>{{object.ActivationStatus}}</td>
                                <td>{{object.sitename}}</td>
                                <td>{{object.siteaddress}}</td>
                                <td>{{object.sitecity}}</td>
                                <td>{{object.sitezip}}</td>
                                <td>{{object.comments}}</td>
                                <td>{{object.phonedesc}}</td>
                                <td>{{object.ContractingMode = 0}}</td>





                            </tr>

                            <tr ng-repeat-end ng-show="main.activeRow==object.icc">
                                <td colspan="3"> <a>Fecha Activación:</a> <div> {{object.DateActivation}}</div> <div><a> Fecha Baja</a> {{object.DateDisconnection}}</div> <div><a> Último Evento HW</a> {{object.LastHWEvent}}</div></td>
                                <td colspan="4"> <a>Último Evento Humano:</a> <div> {{object.LastHumanEvent}}</div> <div><a> Último Evento Test</a> {{object.LastTestEvent}}</div></td>
                                <td> <button>Editar</button></td>
                            </tr>




                        </table>
                    </div>
                    <!-- /.table-responsive -->
                </div>
                <!-- /.col-lg-4 (nested) -->

                <!-- /.col-lg-8 (nested) -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.panel-body -->
    </div>

    <!-- /.panel -->

这是JavaScript

 angular.module('dashboard',[]);
function mainController($scope, $http, $filter) {
    $scope.objects=[{}];
    $scope.objects={};
    $scope.objects=[];
    $scope.grupos =[{}];
    $scope.longitud =[{}];
    var URL = "http://localhost:81/api/auth/logout";
    var URLOperation ="http://localhost:81/api/sites";

    $scope.getgrupos = function () {
        $http.get(URLOperation)
            .success(function (data) {
                var groups = data;

                angular.forEach(groups, function(group) {
                    var group2 = group;

                    angular.forEach(group2.sites, function(group3){

                        $scope.longitud.push(group3);

                    })


                });

            })
            .error(function(data) {

                window.alert('Something Wrong...');
    });
    };

    $http.get(URLOperation, $scope)
        .success(function(data) {

            var groups = data;


           // console.log(groups.lenght);
            angular.forEach(groups, function(group) {
                var group2 = group;
               // $scope.groups = group;
                $scope.grupos.push(group);
                //console.log(group2);
               // console.log(group2.groupname);
                //console.log(group2.length)
            angular.forEach(group2.sites, function(group3){
                //console.log(group3.siteaddress);
                //console.log($scope.objects);
$scope.longitud.push(group3);
                $scope.objects.push(group3);

                $scope.predicate = 'msisdn';
                $scope.reverse = true;
                $scope.order = function(predicate) {
                    $scope.reverse = ($scope.predicate === predicate) ? !$scope.reverse : false;
                    $scope.predicate = predicate;
                };

            })

            });

        })
        .error(function(data) {

            window.alert('Something Wrong...');
        });

    $scope.logout = function() {

        $http.get(URL)
            .success(function() {
                window.alert('Cerrando Sesión ');

                window.location.href='/index.html';
            })
            .error(function(data) {

                window.alert('No se ha podido cerrar la sesión');
            });
    };

    $scope.password = {};
    $scope.changepassword = function() {

        $http.post(URL,$scope.signup)
            .success(function(data) {
                window.alert('Bienvenido ' + data.result.username + 'última vez que iniciaste sesión fue el '+ data.result.lastlogin);
                //$window.localStorage.token = data;
                window.location.href='/Dashboard.html';
            })
            .error(function(data) {

                window.alert('Wrong credetianls');
            });
    };

}

Answer 1

如果您要更改的是属性ContractingMode，则可以执行以下操作：

<td>{{object.ContractingMode ? 'Yes' : 'No'}}</td>