javascript - 如何根据 Angular js中json数据中的响应更改纯文本中的数据

标签 javascript jquery angularjs json

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

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

op - 状态为 - 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>

最佳答案

尚不完全清楚您在问什么,但我想您想要:

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

这是一个 JavaScript 三元组,当状态为 true (==1) 时将呈现单词“Active”,当状态为 false (==0) 时将呈现“Inactive”

<小时/>

根据更新,也许您想要类似的东西:

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

然后在 View 中:

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

关于javascript - 如何根据 Angular js中json数据中的响应更改纯文本中的数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41418915/

相关文章:

javascript - $state.go() 之后触发事件

javascript - Jquery 在调用 .click() 后显示隐藏文本。可能是 Jquery 未正确安装的问题

javascript - 无法在 HTML 页面中应用来自 css 的字体系列

javascript - Angular : compiling template from string to string

javascript - 需要 JQuery 标记从数据库列表/数组中选中的复选框

javascript - 使用指令创建隔离范围

javascript - 如何在 Three.js 形状几何中添加正面和背面纹理?

Javascript + pretty-print JSON

javascript - jQuery 插件开发 : null or empty function as default for optional callbacks?

javascript - 根据传递的 Angular 值动态设置样式