简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）
Home
Article
Q&A
Course
Topic
Download
Game
Dictionary

Home  >  Q&A  >  body text

angular.js - angular 为select赋值时为什么不会触发ng-change?

1、HTML代码如下：

<!-- 这个是街道 -->
<select name="jd" ng-model="wgy.jd" class="form-control input-sm" ng-options="jd.code as jd.label for jd in bmOfJd" ng-change="getSqBm(wgy.jd)">
    <option value="">--请选择--</option>
</select>
<!-- 这个是社区 -->
<select name="sq" ng-model="wgy.sq" class="form-control input-sm" ng-options="sq.code as sq.label for sq in bmOfSq">
   <option value="">--请选择--</option>
 </select>

2、JS代码如下：

//如果选择街道，去取出社区
$scope.getSqBm = function(jd){
        BmService.getXzqh(jd)
            .then(function(data){
                $scope.bmOfSq = data;
            });
    };

3、问题：因为我这个在新增页和查询页公用，所以当编辑页的时候，我给街道wgy.jd赋值，但是这样是不会触发街道ng-change的，我怎样才能触发ng-change呢？

巴扎黑巴扎黑2619 days ago746

reply all(4)I'll reply

  • 曾经蜡笔没有小新

    曾经蜡笔没有小新2017-05-15 17:01:57

    谢谢各位的回答，我找到方法了
    就是给wgy.jd赋值后要手动调用ng-change的方法getSqBm($scope.wgy.jd)，
    这样他就会触发街道的ng-change了！！！
    这里有详细说明

    reply
    0
  • 怪我咯

    怪我咯2017-05-15 17:01:57

    最好还是用 watch 做吧 用观察数据的变动触发某个方法来做

    reply
    0
  • 漂亮男人

    漂亮男人2017-05-15 17:01:57

    http://stackoverflow.com/questions/14386570/getting-the-ng-object-selected-with-ng-change

    reply
    0
  • 我想大声告诉你

    我想大声告诉你2017-05-15 17:01:57

    HTML

    <select ng-model="wgy.jd"
        ng-change="getSqBm()">
    <option value="">--请选择--</option>
    <option ng-repeat="jd in jds" value="{{jd.id}}">{{jd.name}}</option>
</select>
<select ng-model="wgy.sq">
    <option value="">--请选择--</option>
    <option ng-repeat="sq in sqs" value="{{sq.id}}">{{sq.name}}</option>
</select>

    SCRIPT

    angular.module('myApp', [])
        .controller('MyCtrl', function ($scope) {
            $scope.wgy = {
                jd: '',
                sq: ''
            }

            $scope.jds = [
                {
                    id: 1,
                    name: '街道1',
                    sq: [
                        {
                            id: 1,
                            name: '街道1-社区1'
                        },
                        {
                            id: 2,
                            name: '街道1-社区2'
                        }
                    ]
                },
                {
                    id: 2,
                    name: '街道2',
                    sq: [
                        {
                            id: 1,
                            name: '街道2-社区1'
                        },
                        {
                            id: 2,
                            name: '街道2-社区2'
                        }
                    ]
                }
            ];

            $scope.sqs = [];

            $scope.getSqBm = function(){
                if(!$scope.wgy.jd){
                    $scope.sqs = [];
                    return ;
                }

                $scope.sqs = $scope.jds.filter(function(jd){
                    return jd.id == $scope.wgy.jd;
                })[0].sq;
            }
        });

    reply
    0
  • Cancelreply