Mixing
Angular 7 ngx chips working functionality
i have a scenario where i want to get input from the field and bind the content of input to tags in another span.
I'm trying this with ngx chips in angular 7 project for a form.I want a div/span with those inputed values above the Reactive form
Here is the picture of form
i have imported
import { TagInputModule } from 'ngx-chips';
How can i achieve this?(Basically i don't want to input tags inside the same input field rather on another span)
angular typescript angular7 ngx-chips edited Jan 2 at 7:17
Anand
2610
asked Jan 2 at 7:02
HKI345HKI345
122113
add a comment |
i have a scenario where i want to get input from the field and bind the content of input to tags in another span.
I'm trying this with ngx chips in angular 7 project for a form.I want a div/span with those inputed values above the Reactive form
Here is the picture of form
i have imported
import { TagInputModule } from 'ngx-chips';
How can i achieve this?(Basically i don't want to input tags inside the same input field rather on another span)
angular typescript angular7 ngx-chips edited Jan 2 at 7:17
Anand
2610
asked Jan 2 at 7:02
HKI345HKI345
122113
Can you create stackblitz demo for this
– Just code
Jan 2 at 7:11
Hi HKI345! Could you please provide a Minimal, Complete and Verifiable Example so that we can help you reproduce your problem?
– Edric
Jan 2 at 7:18
@Justcode I have added git repository of my application example.i want this questions scenario to be implemented only on feedback form github.com/HusnaKhanam/MyApplication.git
– HKI345
Jan 2 at 7:22
add a comment |
i have a scenario where i want to get input from the field and bind the content of input to tags in another span.
I'm trying this with ngx chips in angular 7 project for a form.I want a div/span with those inputed values above the Reactive form
Here is the picture of form
i have imported
import { TagInputModule } from 'ngx-chips';
How can i achieve this?(Basically i don't want to input tags inside the same input field rather on another span)
angular typescript angular7 ngx-chips edited Jan 2 at 7:17
Anand
2610
asked Jan 2 at 7:02
HKI345HKI345
122113
i have a scenario where i want to get input from the field and bind the content of input to tags in another span.
I'm trying this with ngx chips in angular 7 project for a form.I want a div/span with those inputed values above the Reactive form
Here is the picture of form
i have imported
import { TagInputModule } from 'ngx-chips';
How can i achieve this?(Basically i don't want to input tags inside the same input field rather on another span)
angular typescript angular7 ngx-chips angular typescript angular7 ngx-chips edited Jan 2 at 7:17
Anand
2610
asked Jan 2 at 7:02
HKI345HKI345
122113
edited Jan 2 at 7:17
Anand
2610
asked Jan 2 at 7:02
HKI345HKI345
122113
edited Jan 2 at 7:17
Anand
2610
edited Jan 2 at 7:17
Anand
2610
edited Jan 2 at 7:17
Anand
2610
2610
asked Jan 2 at 7:02
HKI345HKI345
122113
asked Jan 2 at 7:02
HKI345HKI345
122113
asked Jan 2 at 7:02
HKI345HKI345
122113
122113
Can you create stackblitz demo for this
– Just code
Jan 2 at 7:11
Hi HKI345! Could you please provide a Minimal, Complete and Verifiable Example so that we can help you reproduce your problem?
– Edric
Jan 2 at 7:18
@Justcode I have added git repository of my application example.i want this questions scenario to be implemented only on feedback form github.com/HusnaKhanam/MyApplication.git
– HKI345
Jan 2 at 7:22
add a comment |
Can you create stackblitz demo for this
– Just code
Jan 2 at 7:11
Hi HKI345! Could you please provide a Minimal, Complete and Verifiable Example so that we can help you reproduce your problem?
– Edric
Jan 2 at 7:18
@Justcode I have added git repository of my application example.i want this questions scenario to be implemented only on feedback form github.com/HusnaKhanam/MyApplication.git
– HKI345
Jan 2 at 7:22
Can you create stackblitz demo for this
– Just code
Jan 2 at 7:11
Can you create stackblitz demo for this
– Just code
Jan 2 at 7:11
Hi HKI345! Could you please provide a Minimal, Complete and Verifiable Example so that we can help you reproduce your problem?
– Edric
Jan 2 at 7:18
Hi HKI345! Could you please provide a Minimal, Complete and Verifiable Example so that we can help you reproduce your problem?
– Edric
Jan 2 at 7:18
@Justcode I have added git repository of my application example.i want this questions scenario to be implemented only on feedback form github.com/HusnaKhanam/MyApplication.git
– HKI345
Jan 2 at 7:22
@Justcode I have added git repository of my application example.i want this questions scenario to be implemented only on feedback form github.com/HusnaKhanam/MyApplication.git
– HKI345
Jan 2 at 7:22
add a comment |
0
active
oldest
votes
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',
autoActivateHeartbeat: false,
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
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54002465%2fangular-7-ngx-chips-working-functionality%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54002465%2fangular-7-ngx-chips-working-functionality%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Can you create stackblitz demo for this
– Just code
Jan 2 at 7:11
Hi HKI345! Could you please provide a Minimal, Complete and Verifiable Example so that we can help you reproduce your problem?
– Edric
Jan 2 at 7:18
@Justcode I have added git repository of my application example.i want this questions scenario to be implemented only on feedback form github.com/HusnaKhanam/MyApplication.git
– HKI345
Jan 2 at 7:22