ngx-formly template “pdfviewer” using inside my custom input template

up vote
-1
down vote

favorite

I create a ngx-formly template to choose pdf file and visualize it with inside using another template "custom input file"

This is the main form declaration:

fields: FormlyFieldConfig = [

  {

    key: 'pdfsource',

    type: 'pdfviewer',

    templateOptions: {      

      label: 'Choose pdf file',

      placeholder: 'choose File',

      required: true,

    }

  },

]

I get this error:
ERROR
Error: [Formly Error] There is no type by the name of "undefined"

This is the stackbiz
https://stackblitz.com/edit/ngx-formly-ui-bootstrap-htuh7z

edited Nov 22 at 8:41

asked Nov 21 at 19:50

user1717519

add a comment |

up vote
-1
down vote

favorite

I create a ngx-formly template to choose pdf file and visualize it with inside using another template "custom input file"

This is the main form declaration:

fields: FormlyFieldConfig = [

  {

    key: 'pdfsource',

    type: 'pdfviewer',

    templateOptions: {      

      label: 'Choose pdf file',

      placeholder: 'choose File',

      required: true,

    }

  },

]

I get this error:
ERROR
Error: [Formly Error] There is no type by the name of "undefined"

This is the stackbiz
https://stackblitz.com/edit/ngx-formly-ui-bootstrap-htuh7z

edited Nov 22 at 8:41

asked Nov 21 at 19:50

user1717519

add a comment |

up vote
-1
down vote

favorite

I create a ngx-formly template to choose pdf file and visualize it with inside using another template "custom input file"

This is the main form declaration:

fields: FormlyFieldConfig = [

  {

    key: 'pdfsource',

    type: 'pdfviewer',

    templateOptions: {      

      label: 'Choose pdf file',

      placeholder: 'choose File',

      required: true,

    }

  },

]

I get this error:
ERROR
Error: [Formly Error] There is no type by the name of "undefined"

This is the stackbiz
https://stackblitz.com/edit/ngx-formly-ui-bootstrap-htuh7z

edited Nov 22 at 8:41

asked Nov 21 at 19:50

user1717519

I create a ngx-formly template to choose pdf file and visualize it with inside using another template "custom input file"

This is the main form declaration:

fields: FormlyFieldConfig = [

  {

    key: 'pdfsource',

    type: 'pdfviewer',

    templateOptions: {      

      label: 'Choose pdf file',

      placeholder: 'choose File',

      required: true,

    }

  },

]

I get this error:
ERROR
Error: [Formly Error] There is no type by the name of "undefined"

This is the stackbiz
https://stackblitz.com/edit/ngx-formly-ui-bootstrap-htuh7z

angular ng-bootstrap

edited Nov 22 at 8:41

asked Nov 21 at 19:50

user1717519

edited Nov 22 at 8:41

asked Nov 21 at 19:50

user1717519

edited Nov 22 at 8:41

asked Nov 21 at 19:50

user1717519

asked Nov 21 at 19:50

user1717519

asked Nov 21 at 19:50

user1717519

add a comment |

1 Answer
1

active

oldest

votes

up vote
0
down vote

I found this solutions:

https://stackblitz.com/edit/ngx-formly-ui-bootstrap-mcvzfp
https://ngx-formly-ui-bootstrap-mcvzfp.stackblitz.io

this is the model structure:

  model = {

    file:{

      filename: 'name.pdf',

      filevalue: null

    }

and formlyconfig:

fields: FormlyFieldConfig = [

  {

    key: 'file',

    type: 'pdfviewerinput',

    templateOptions: {      

      label: 'Choose File',

      placeholder: 'choose File',

      filename: 'filename',

      filevalue: 'filevalue',

      required: true,

    }

  }]

ngx-formly template pdfviewerinput include:

ngx-formly template pdfviewer -> to visualize pdf

ngx-formly template inputfile -> to choose file

answered Nov 22 at 10:20

user1717519

add a comment |

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53419557%2fngx-formly-template-pdfviewer-using-inside-my-custom-input-template%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

1 Answer
1

active

oldest

votes

1 Answer
1

active

oldest

votes

up vote
0
down vote

I found this solutions:

https://stackblitz.com/edit/ngx-formly-ui-bootstrap-mcvzfp
https://ngx-formly-ui-bootstrap-mcvzfp.stackblitz.io

this is the model structure:

  model = {

    file:{

      filename: 'name.pdf',

      filevalue: null

    }

and formlyconfig:

fields: FormlyFieldConfig = [

  {

    key: 'file',

    type: 'pdfviewerinput',

    templateOptions: {      

      label: 'Choose File',

      placeholder: 'choose File',

      filename: 'filename',

      filevalue: 'filevalue',

      required: true,

    }

  }]

ngx-formly template pdfviewerinput include:

ngx-formly template pdfviewer -> to visualize pdf

ngx-formly template inputfile -> to choose file

answered Nov 22 at 10:20

user1717519

add a comment |

up vote
0
down vote

I found this solutions:

https://stackblitz.com/edit/ngx-formly-ui-bootstrap-mcvzfp
https://ngx-formly-ui-bootstrap-mcvzfp.stackblitz.io

this is the model structure:

  model = {

    file:{

      filename: 'name.pdf',

      filevalue: null

    }

and formlyconfig:

fields: FormlyFieldConfig = [

  {

    key: 'file',

    type: 'pdfviewerinput',

    templateOptions: {      

      label: 'Choose File',

      placeholder: 'choose File',

      filename: 'filename',

      filevalue: 'filevalue',

      required: true,

    }

  }]

ngx-formly template pdfviewerinput include:

ngx-formly template pdfviewer -> to visualize pdf

ngx-formly template inputfile -> to choose file

answered Nov 22 at 10:20

user1717519

add a comment |

up vote
0
down vote

I found this solutions:

https://stackblitz.com/edit/ngx-formly-ui-bootstrap-mcvzfp
https://ngx-formly-ui-bootstrap-mcvzfp.stackblitz.io

this is the model structure:

  model = {

    file:{

      filename: 'name.pdf',

      filevalue: null

    }

and formlyconfig:

fields: FormlyFieldConfig = [

  {

    key: 'file',

    type: 'pdfviewerinput',

    templateOptions: {      

      label: 'Choose File',

      placeholder: 'choose File',

      filename: 'filename',

      filevalue: 'filevalue',

      required: true,

    }

  }]

ngx-formly template pdfviewerinput include:

ngx-formly template pdfviewer -> to visualize pdf

ngx-formly template inputfile -> to choose file

answered Nov 22 at 10:20

user1717519

I found this solutions:

https://stackblitz.com/edit/ngx-formly-ui-bootstrap-mcvzfp
https://ngx-formly-ui-bootstrap-mcvzfp.stackblitz.io

this is the model structure:

  model = {

    file:{

      filename: 'name.pdf',

      filevalue: null

    }

and formlyconfig:

fields: FormlyFieldConfig = [

  {

    key: 'file',

    type: 'pdfviewerinput',

    templateOptions: {      

      label: 'Choose File',

      placeholder: 'choose File',

      filename: 'filename',

      filevalue: 'filevalue',

      required: true,

    }

  }]

ngx-formly template pdfviewerinput include:

ngx-formly template pdfviewer -> to visualize pdf

ngx-formly template inputfile -> to choose file

answered Nov 22 at 10:20

user1717519

answered Nov 22 at 10:20

user1717519

answered Nov 22 at 10:20

user1717519

answered Nov 22 at 10:20

user1717519

add a comment |

draft saved

draft discarded

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Qfyilyi