单击功能在Angular formly自定义模板中不起作用

时间:2016-10-18 13:17:58

标签: javascript angularjs angular-formly

我在我的应用程序中使用angular-formly。 我用自定义模板定义了一个字段,返回单选按钮。 在选择特定的单选按钮ng-click不起作用时,呼叫不会进入我的控制器功能。如果有人帮助我找到解决这个问题的方法,那就太好了。

$ctrl.fields =[{
      noFormControl: false,
      template: <div>
                  <input type="radio" ng-model="$ctrl.isPlacementCommon" value="true" onclick="$ctrl.changePlacementDisplay('true')">
                  <label>Place all VNFs on same resource</label>
                  <input type="radio" ng-model="$ctrl.isPlacementCommon" value="false" onclick="$ctrl.changePlacementDisplay('false')">
                  <label>Allow separate placement for VNFs</label>
                 </div>
    }
];

1 个答案:

答案 0 :(得分:0)

您正在寻找ng-change指令而不是ng-click

即。 在你的控制器

$ctrl.changePlacementDisplay = function(val){
    //logic inside your changePlacementDisplay
};

然后在你的模板中

<input type="radio" ng-model="$ctrl.isPlacementCommon" value="true" ng-change="$ctrl.changePlacementDisplay(true)">

我取出true周围的引号。如果你宁愿回传一个字符串,你可以留下它们。

如果你仍然遇到问题并且没有调用ng-change函数,我建议你回到有角度的文档。我不熟悉那个图书馆所以我无法帮助那里。