首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何利用外部json值对角选择中的选项变化进行条件分析?

如何利用外部json值对角选择中的选项变化进行条件分析?
EN

Stack Overflow用户
提问于 2015-11-05 19:27:47
回答 1查看 1.2K关注 0票数 0

从工厂(AJAX) API填充的视图中有下拉列表,换句话说,我有一个JSON格式的数据来填充dropdown(id,display_text),如下所示:

My View

代码语言:javascript
复制
<select class="form-control padding-7" ng-model="selConnData.repeatSelect" ng-options="types.id as types.text for types in selConnData.connList" ng-change="updateConType('{{types.val}}')">
        </select>

我的控制器

代码语言:javascript
复制
                     $scope.selConnData = {
                        repeatSelect: null
                     };

                    getConnectionList.connectionList().then(function(response){
                    console.log(JSON.stringify(response.data));
                    var tempConnections = {};
                    var tempConnList = [];
                    angular.forEach(response.data.result, function(value, key) {
                        tempConnList.push({
                            id: value.Id,
                            text: value.Name,
                            val: "thrLoc" 
                            });
                    });
                    $scope.selConnData.connList = tempConnList;
                });

我的工厂

代码语言:javascript
复制
    app.factory('getConnectionList', function($http) {
var resultant = {};

resultant.connectionList = function(){
        return $http({
            method: 'GET',
            url: "xyz"
        });
    }

    return resultant;

});

我的最后一个JSON o/p将出现在:

代码语言:javascript
复制
                           [{
                                    id: 1,
                                    text: "Connection 1",
                                    val: "8010"
                                },{
                                    id: 2,
                                    text: "Connection 3",
                                    val: "8030"
                                },{
                                    id: 9,
                                    text: "Connection 4",
                                    val: "8040"
                                }]

现在,我的下拉选项就像

代码语言:javascript
复制
<select>
  <option value="1">Connection 1</option>
  <option value="2">Connection 3</option>
  <option value="9">Connection 4</option>
</select>

到这里为止,一切都在工作,我的ng模型给了我选定的值,但我需要一个条件来运行,在改变选项时,我将检查(8010)做什么--如果(8030)做其他的事情--如果(8040)做--做什么--做什么。

P.S:我试过了ng-attr,但不是最好的例子(不能把值拿出来)。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-11-06 12:02:48

如果你想要id和value,那么你可以尝试这样的方法,

代码语言:javascript
复制
<select class="form-control padding-7" ng-model="select" ng-options="{id:types.id,val:types.val} as types.text for types in options" ng-change="updateConType(select)">
        </select>

柱塞链接。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33553131

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档