我有Json文件,其中包含表单的所有输入。在控制器中,我正在调用该Json并遍历所有对象。如果类型值不是文本(即按钮),我将调用自定义模板。
这是我的json文件
{
"name":"sample",
"layout":"vertical",
"controls":[
{
"name": "Address",
"type":"textarea",
"label":"#lit:Address#"
},
{
"name": "submit",
"type":"button",
"label":"#lit:Submit#"
}
}
模块配置
formlyConfigProvider.setType([
{
name: 'submit',
//templateUrl:'submit.html'
template:`<kendo-button class="k-primary float-left " ng-click="get()">{{options.templateOptions.label}}</kendo-button>`
}])
控制器
mba.controller('MainCtrl', ['$scope', '$http','$location', function ($scope,
$http,$location) {
vm.get=function(){
alert("button clicked");
};
function genScreen(screen){
screen.controls.forEach(control => {
if(control.type=="submit")
type="submit";
else if(control.type=="textarea")
type="textarea";
vm.fields.push({
//className: 'mat-form-field',
key: control.name,
type: type,
templateOptions: {
type:type,
label: control.label,
placeholder: control.label
}
});
});
此处自定义模板按钮单击不起作用。我该如何运作?