点击功能在Angular的正式自定义模板中不起作用

Click functionality is not working in Angular formly custom template

本文关键字：自定义 不起作用 功能 Angular      更新时间：2023-09-26

我在我的应用程序中使用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>
    }
];

您正在寻找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函数没有被调用，我建议回到angular-formly文档。我对那个图书馆不熟悉，所以我帮不上忙。

相关文章：