如何以角度形式从字段中传递数据？答案

【问题标题】：How do I pass data from a field in angular formly?如何以角度形式从字段中传递数据？
【发布时间】：2016-06-16 20:39:38
【问题描述】：

所以我有这些字段

vm.prepFields = [

{
    key: 'shirt',
    type: 'select',
    templateOptions: {
        label: 'Choose Shirt Size',
        placeholder: 'Select option',
        options: shirt_list
    }
},

{
              key: 'shortsq',
              type: 'checkbox',

              templateOptions: {
              label: 'Shorts',

              }
              },


              {
              key: 'shorts',
              type: 'select',
              templateOptions: {
              label: 'Choose Shorts Size',
              options: shorts_list
              }, expressionProperties: {
                hide: '!model.shortsq'
              } 
              }
];

}

shortsq 是一个复选框，单击它会显示短裤选择选项....如果检查了短裤，我如何传递一个值？

例如假设一件衬衫的价格是 10 美元，我希望在检查短裤时该价格增加 5 美元。我怎样才能做到这一点？

【问题讨论】：

你能设置一个 plunkr 吗？我相信这很简单。

标签： angularjs angular-formly

【解决方案1】：

这可以通过在 templateOptions 中使用 onChange 轻松完成：

            {
              key: 'shortsq',
              type: 'checkbox',

              templateOptions: {
                  label: 'Shorts',
                  onChange: function($viewValue, $modelValue, $scope) {
                      if($scope.model.shortsq) $scope.model.shirtPrice += 5; //increase price by $5 when checked
                      else $scope.model.shirtPrice -= 5; //reduce price by $5 when not checked
                  }
              }
            },

【讨论】：