自定义模板形式的按钮单击不会在angularjs中唤醒

时间:2018-08-30 13:56:13

标签: javascript angularjs angular-formly

我有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
        }
    });
 });

此处自定义模板按钮单击不起作用。我该如何运作?

0 个答案:

没有答案