Invoke process of replacing to the in angular 4
How can we invoke process of replacing(which is invoked by angular at the start of app) component-selector with the component template html in angular 4. I want to work on Angular and Ext 4.2.2 together in my project.
for more details you can refer How can I put my Extjs 4.2.x project inside latest Angular App. I am successfully able to integrate both the framework together. Now I want one of the new tab development in Angular instead of ExtJS.
To get those two framework together I have gone through following steps:
- I have put root component selector
<app-root>inside
index.htmlof Ext app. - I have initialized Ext app inside angular
component'sngOnInitmethod. - Now My Ext app loads inside Angular component's template HTML.
- Now inside Ext app I create a new test tab with Html containing a selector
app-panelof one of the angular component.
When I click on the test tab
app-panelis not replaced by component's template html.
So I want this
app-panelshould work as normal angular component i.e. should be replaced with its associated template html. for this to work i have to invoke the process of replacingapp-panelwith its template.
Any genius out here might have done similar thing please let me know or just let me know your valuable suggestions on this.
Thanks in advance.
javascript angular5 angular6 extjs4.2
asked Nov 19 '18 at 14:48
GhanGhan
156
add a comment |
How can we invoke process of replacing(which is invoked by angular at the start of app) component-selector with the component template html in angular 4. I want to work on Angular and Ext 4.2.2 together in my project.
for more details you can refer How can I put my Extjs 4.2.x project inside latest Angular App. I am successfully able to integrate both the framework together. Now I want one of the new tab development in Angular instead of ExtJS.
To get those two framework together I have gone through following steps:
- I have put root component selector
<app-root>inside
index.htmlof Ext app. - I have initialized Ext app inside angular
component'sngOnInitmethod. - Now My Ext app loads inside Angular component's template HTML.
- Now inside Ext app I create a new test tab with Html containing a selector
app-panelof one of the angular component.
When I click on the test tab
app-panelis not replaced by component's template html.
So I want this
app-panelshould work as normal angular component i.e. should be replaced with its associated template html. for this to work i have to invoke the process of replacingapp-panelwith its template.
Any genius out here might have done similar thing please let me know or just let me know your valuable suggestions on this.
Thanks in advance.
javascript angular5 angular6 extjs4.2
asked Nov 19 '18 at 14:48
GhanGhan
156
So in step 1, you put Angular inside ExtJS, and in step 2, you put ExtJS in Angular. Then in step 4, you put Angular inside ExtJS ... You should decide which one is the master and which one is the slave, I don't think this approach can work. Also, I would suggest ExtJS inside Angular, as Angualr change detection can include other things than its own context withngDoCheck. Finally, I don't see the point of using two frameworks to do one thing, that either of them can do ... Can't you just chose one ?
– trichetriche
Nov 19 '18 at 14:55
Thanks @trichetriche. Actually I have a large app built in Ext4.2.x. Now the requirement is to do further development in Angular. I am trying to create a wrapper of Angular around Ext app so that we can use angular for further development/ migration of code piece by piece. till the time both the framework should work in harmony. Please let me know if you know a better solution to this problem.
– Ghan
Jan 19 at 11:31
add a comment |
How can we invoke process of replacing(which is invoked by angular at the start of app) component-selector with the component template html in angular 4. I want to work on Angular and Ext 4.2.2 together in my project.
for more details you can refer How can I put my Extjs 4.2.x project inside latest Angular App. I am successfully able to integrate both the framework together. Now I want one of the new tab development in Angular instead of ExtJS.
To get those two framework together I have gone through following steps:
- I have put root component selector
<app-root>inside
index.htmlof Ext app. - I have initialized Ext app inside angular
component'sngOnInitmethod. - Now My Ext app loads inside Angular component's template HTML.
- Now inside Ext app I create a new test tab with Html containing a selector
app-panelof one of the angular component.
When I click on the test tab
app-panelis not replaced by component's template html.
So I want this
app-panelshould work as normal angular component i.e. should be replaced with its associated template html. for this to work i have to invoke the process of replacingapp-panelwith its template.
Any genius out here might have done similar thing please let me know or just let me know your valuable suggestions on this.
Thanks in advance.
javascript angular5 angular6 extjs4.2
asked Nov 19 '18 at 14:48
GhanGhan
156
How can we invoke process of replacing(which is invoked by angular at the start of app) component-selector with the component template html in angular 4. I want to work on Angular and Ext 4.2.2 together in my project.
for more details you can refer How can I put my Extjs 4.2.x project inside latest Angular App. I am successfully able to integrate both the framework together. Now I want one of the new tab development in Angular instead of ExtJS.
To get those two framework together I have gone through following steps:
- I have put root component selector
<app-root>inside
index.htmlof Ext app. - I have initialized Ext app inside angular
component'sngOnInitmethod. - Now My Ext app loads inside Angular component's template HTML.
- Now inside Ext app I create a new test tab with Html containing a selector
app-panelof one of the angular component.
When I click on the test tab
app-panelis not replaced by component's template html.
So I want this
app-panelshould work as normal angular component i.e. should be replaced with its associated template html. for this to work i have to invoke the process of replacingapp-panelwith its template.
Any genius out here might have done similar thing please let me know or just let me know your valuable suggestions on this.
Thanks in advance.
javascript angular5 angular6 extjs4.2
javascript angular5 angular6 extjs4.2
asked Nov 19 '18 at 14:48
GhanGhan
156
asked Nov 19 '18 at 14:48
GhanGhan
156
asked Nov 19 '18 at 14:48
GhanGhan
156
asked Nov 19 '18 at 14:48
GhanGhan
156
asked Nov 19 '18 at 14:48
GhanGhan
156
156
So in step 1, you put Angular inside ExtJS, and in step 2, you put ExtJS in Angular. Then in step 4, you put Angular inside ExtJS ... You should decide which one is the master and which one is the slave, I don't think this approach can work. Also, I would suggest ExtJS inside Angular, as Angualr change detection can include other things than its own context withngDoCheck. Finally, I don't see the point of using two frameworks to do one thing, that either of them can do ... Can't you just chose one ?
– trichetriche
Nov 19 '18 at 14:55
Thanks @trichetriche. Actually I have a large app built in Ext4.2.x. Now the requirement is to do further development in Angular. I am trying to create a wrapper of Angular around Ext app so that we can use angular for further development/ migration of code piece by piece. till the time both the framework should work in harmony. Please let me know if you know a better solution to this problem.
– Ghan
Jan 19 at 11:31
add a comment |
So in step 1, you put Angular inside ExtJS, and in step 2, you put ExtJS in Angular. Then in step 4, you put Angular inside ExtJS ... You should decide which one is the master and which one is the slave, I don't think this approach can work. Also, I would suggest ExtJS inside Angular, as Angualr change detection can include other things than its own context withngDoCheck. Finally, I don't see the point of using two frameworks to do one thing, that either of them can do ... Can't you just chose one ?
– trichetriche
Nov 19 '18 at 14:55
Thanks @trichetriche. Actually I have a large app built in Ext4.2.x. Now the requirement is to do further development in Angular. I am trying to create a wrapper of Angular around Ext app so that we can use angular for further development/ migration of code piece by piece. till the time both the framework should work in harmony. Please let me know if you know a better solution to this problem.
– Ghan
Jan 19 at 11:31
So in step 1, you put Angular inside ExtJS, and in step 2, you put ExtJS in Angular. Then in step 4, you put Angular inside ExtJS ... You should decide which one is the master and which one is the slave, I don't think this approach can work. Also, I would suggest ExtJS inside Angular, as Angualr change detection can include other things than its own context with
ngDoCheck. Finally, I don't see the point of using two frameworks to do one thing, that either of them can do ... Can't you just chose one ?– trichetriche
Nov 19 '18 at 14:55
So in step 1, you put Angular inside ExtJS, and in step 2, you put ExtJS in Angular. Then in step 4, you put Angular inside ExtJS ... You should decide which one is the master and which one is the slave, I don't think this approach can work. Also, I would suggest ExtJS inside Angular, as Angualr change detection can include other things than its own context with
ngDoCheck. Finally, I don't see the point of using two frameworks to do one thing, that either of them can do ... Can't you just chose one ?– trichetriche
Nov 19 '18 at 14:55
Thanks @trichetriche. Actually I have a large app built in Ext4.2.x. Now the requirement is to do further development in Angular. I am trying to create a wrapper of Angular around Ext app so that we can use angular for further development/ migration of code piece by piece. till the time both the framework should work in harmony. Please let me know if you know a better solution to this problem.
– Ghan
Jan 19 at 11:31
Thanks @trichetriche. Actually I have a large app built in Ext4.2.x. Now the requirement is to do further development in Angular. I am trying to create a wrapper of Angular around Ext app so that we can use angular for further development/ migration of code piece by piece. till the time both the framework should work in harmony. Please let me know if you know a better solution to this problem.
– Ghan
Jan 19 at 11:31
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%2f53377092%2finvoke-process-of-replacing-component-selector-to-the-component-template-in%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%2f53377092%2finvoke-process-of-replacing-component-selector-to-the-component-template-in%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
So in step 1, you put Angular inside ExtJS, and in step 2, you put ExtJS in Angular. Then in step 4, you put Angular inside ExtJS ... You should decide which one is the master and which one is the slave, I don't think this approach can work. Also, I would suggest ExtJS inside Angular, as Angualr change detection can include other things than its own context with
ngDoCheck. Finally, I don't see the point of using two frameworks to do one thing, that either of them can do ... Can't you just chose one ?– trichetriche
Nov 19 '18 at 14:55
Thanks @trichetriche. Actually I have a large app built in Ext4.2.x. Now the requirement is to do further development in Angular. I am trying to create a wrapper of Angular around Ext app so that we can use angular for further development/ migration of code piece by piece. till the time both the framework should work in harmony. Please let me know if you know a better solution to this problem.
– Ghan
Jan 19 at 11:31