如何使用引导程序在选择框上正式实现 onChange 函数答案

【问题标题】：How to implement an onChange function on a select box in formly with bootstrap如何使用引导程序在选择框上正式实现 onChange 函数
【发布时间】：2015-06-26 07:49:43
【问题描述】：

在阅读了很多帖子后，我认为这应该可行：

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"
  }]
}

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

我找不到如何执行此操作的有效示例。有什么建议吗？

谢谢。保罗

【问题讨论】：

您能否提供an example 这不起作用？我希望您的函数会被调用（尽管您没有使用任何参数调用它，因此您不会看到任何记录到控制台的内容）。
我们去jsbin.com/veqosejaja/edit?js,console,output
你在这里 :-) jsbin.com/zeyazo/edit?html,js,console,output
太棒了。很多谢谢@kent。我会学习和学习 ;-) 保罗
@user1712240 你能写下答案并接受吗？

标签： twitter-bootstrap select onchange angular-formly

【解决方案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
       };
   }

【讨论】：

这（第一个选项）对我没有任何帮助；我是正式的新手，但我想它与碰巧使用的任何模板中可用的特定templateOptions 有关？使用change 而不是onChange，如此处所示stackoverflow.com/a/59791792/2442167 对我有用。

【解决方案2】：

我处理这个问题的一种方法是让我的 json 字段由服务提供。有了这个可以轻松调用函数。

注意：这是由服务或工厂提供的

var getFields = function () {
    var fields = [
        {
           "key": "transportation",
           "type": "select",
           "templateOptions": {
           "label": "How do you get around in the city",
           "valueProp": "name",
           "onChange": "function(){//Implement your logic}"
           "options": [{
                "name": "Car"
           }, {
             "name": "Helicopter"
           }]
       }
   ] 
};

【讨论】：