twitter-bootstrap - 如何使用 Bootstrap 在选择框上正式实现 onChange 函数

Question

在阅读了很多帖子后，我决定这应该可行:

vm.model.myChange = function(element) {
  console.log(element);
}

.. 在 vm.fields 中:

{
"key": "transportation",
"type": "select",
"templateOptions": {
  "label": "How do you get around in the city",
  "valueProp": "name",
  "onChange": "model.myChange()", // ADDED
  "options": [{
    "name": "Car"
  }, {
    "name": "Helicopter"
  }]
}

在实践中，这没有任何效果，即我的函数没有被调用。生成的表单也不包含对我的函数的引用。

我找不到如何做到这一点的工作示例。有什么建议么？

谢谢。保罗

Answer 1

你可以做以下三件事中的任何一件:

templateOptions: {
   onChange: function($viewValue, $modelValue, $scope) {
   //implement logic here
   };
}

或者

templateOptions: {
   onChange: callMe()
},
controller: function($viewValue, $modelValue, $scope) {
    $scope.callMe = function() {
    //implement logic here
    };
}

或者

    templateOptions: {
       onChange: ''
    },
    expressionProperties : {
       'templateOptions.onChange': function($viewValue, $modelValue, $scope) {
       //implement logic here
       };
   }