如何根据角度js中json数据中的响应来更改纯文本中的数据

时间:2017-01-01 20:50:52

标签: javascript jquery angularjs json

我在响应中获取json数据,因为它来自response.but我需要更改这样的数据,如果0:已注册,1:已连接,2:已断开连接,3:在纯文本中忙碌。我能够显示数据,因为它正在响应,但我需要根据响应中的值进行修改。 条件

0: registered, 1: connected, 2: disconnected, 3: busy

op - status is- 3

所需的操作状态繁忙

来自api的json数据样本

"status":3

 <div ng-app="myApp" ng-controller="myCtrl" align="center">

     <h2>status is-  {{statusValues[names.status]}}</h2>

        </div>

       <script>
        var app = angular.module('myApp', []);
        app.controller('myCtrl', function ($scope, $http) {
            $http.get('url', {
                headers: { 'Authorization': 'Basic a2VybmVsc3B==' }
            })
            .then(function (response) {
                $scope.names = response.data;
                $scope.statusValues={
                    '0' : 'registered',
                    '1' : 'connected',
                    '2': 'disconnected',
                    '3':'busy'
                };


            });
        });
</script>

1 个答案:

答案 0 :(得分:1)

目前还不完全清楚你在问什么,但我想要你想要的东西:

<h2>status is-  {{names.status ? 'Active' :'Inactive'}}</h2>

这是一个javascript三元组,当状态为真实(== 1)时会显示“活动”字样,而当它是虚假的时候会显示“非活动”(== 0)

根据更新,您可能需要以下内容:

$scope.statusValues={
   '0' : 'registered',
   '1' : 'connected',
    ....
   '3' : 'busy'
}

然后在视图中:

<h2>status is-  {{statusValues[names.status]}}</h2>