javascript - Angularjs:选择列表的 ng-change

Question

我正在使用 angularjs，我有一个显示问题列表的指令。我打算在 selectedQuestion 更改时执行一些逻辑。因此，我使用了 ng-change。

这是我的指令:

 restrict: 'EA',
            scope: {                             
                selectedQuestion: '=?', 
                questionsList: '='  
            },
            link: function (scope) {
                scope.change = function () {
                    if (scope.selectedQuestion) {
                        //do something
                    }
                };
            }

这是我的指令的 html 模板:

   <select  ng-model="selectedQuestion"
            ng-options="avail.question for avail in questionsList track by avail.id" ng-change="change()"
   </select>

  {{selectedQuestion}}

当我更改 UI 列表中的问题时，{{selectedQuestion}} 会更改以显示所选问题的 json。但是，scope.change 函数中的 scope.selectedQuestion 始终与初始化相同(未更改)。

是什么导致了这个问题？

Answer 1

尝试将模型作为参数传递给 ng-change 函数:

<select ng-model="selectedQuestion"
        ng-options="avail.question for avail in questionsList track by avail.id" 
        ng-change="change(selectedQuestion)"
</select>

然后在您的指令中:

link: function (scope) {
        scope.change = function (currentQuestion) {
            if (currentQuestion) {
            }
        };
     }