Access let- variable on ng-template in custom directive
I'd like to be able to access the let-*
variables I'm defining on an ng-template
using my own custom directive which is on the ng-template itself.
<ng-template kendoGridCellTemplate
let-dataItem
let-column="column"
myDirective [directiveColumn]="column">
{{someInput}}
</ng-template>
What I try to achieve is to pass the let-column
value into my custom directive as an input. Is that possible at all or am I only able to use the let-*
inside the ng-template?
angular angular2-directives
add a comment |
I'd like to be able to access the let-*
variables I'm defining on an ng-template
using my own custom directive which is on the ng-template itself.
<ng-template kendoGridCellTemplate
let-dataItem
let-column="column"
myDirective [directiveColumn]="column">
{{someInput}}
</ng-template>
What I try to achieve is to pass the let-column
value into my custom directive as an input. Is that possible at all or am I only able to use the let-*
inside the ng-template?
angular angular2-directives
Can you give an example of what you're trying to achieve?
– yurzui
Nov 13 at 19:54
I‘d like to use the „column“ property in my „myDirective“ to set some styling on it.
– Christian
Nov 13 at 19:56
What about[myDirective]="column"
?
– yurzui
Nov 13 at 19:57
I‘ve tried that but it‘s always undefined. Also it‘s the same as with another @input as I understand.
– Christian
Nov 13 at 19:58
Can you create a demo on stackblitz?
– yurzui
Nov 13 at 19:59
add a comment |
I'd like to be able to access the let-*
variables I'm defining on an ng-template
using my own custom directive which is on the ng-template itself.
<ng-template kendoGridCellTemplate
let-dataItem
let-column="column"
myDirective [directiveColumn]="column">
{{someInput}}
</ng-template>
What I try to achieve is to pass the let-column
value into my custom directive as an input. Is that possible at all or am I only able to use the let-*
inside the ng-template?
angular angular2-directives
I'd like to be able to access the let-*
variables I'm defining on an ng-template
using my own custom directive which is on the ng-template itself.
<ng-template kendoGridCellTemplate
let-dataItem
let-column="column"
myDirective [directiveColumn]="column">
{{someInput}}
</ng-template>
What I try to achieve is to pass the let-column
value into my custom directive as an input. Is that possible at all or am I only able to use the let-*
inside the ng-template?
angular angular2-directives
angular angular2-directives
asked Nov 13 at 16:56
Christian
17.4k66185
17.4k66185
Can you give an example of what you're trying to achieve?
– yurzui
Nov 13 at 19:54
I‘d like to use the „column“ property in my „myDirective“ to set some styling on it.
– Christian
Nov 13 at 19:56
What about[myDirective]="column"
?
– yurzui
Nov 13 at 19:57
I‘ve tried that but it‘s always undefined. Also it‘s the same as with another @input as I understand.
– Christian
Nov 13 at 19:58
Can you create a demo on stackblitz?
– yurzui
Nov 13 at 19:59
add a comment |
Can you give an example of what you're trying to achieve?
– yurzui
Nov 13 at 19:54
I‘d like to use the „column“ property in my „myDirective“ to set some styling on it.
– Christian
Nov 13 at 19:56
What about[myDirective]="column"
?
– yurzui
Nov 13 at 19:57
I‘ve tried that but it‘s always undefined. Also it‘s the same as with another @input as I understand.
– Christian
Nov 13 at 19:58
Can you create a demo on stackblitz?
– yurzui
Nov 13 at 19:59
Can you give an example of what you're trying to achieve?
– yurzui
Nov 13 at 19:54
Can you give an example of what you're trying to achieve?
– yurzui
Nov 13 at 19:54
I‘d like to use the „column“ property in my „myDirective“ to set some styling on it.
– Christian
Nov 13 at 19:56
I‘d like to use the „column“ property in my „myDirective“ to set some styling on it.
– Christian
Nov 13 at 19:56
What about
[myDirective]="column"
?– yurzui
Nov 13 at 19:57
What about
[myDirective]="column"
?– yurzui
Nov 13 at 19:57
I‘ve tried that but it‘s always undefined. Also it‘s the same as with another @input as I understand.
– Christian
Nov 13 at 19:58
I‘ve tried that but it‘s always undefined. Also it‘s the same as with another @input as I understand.
– Christian
Nov 13 at 19:58
Can you create a demo on stackblitz?
– yurzui
Nov 13 at 19:59
Can you create a demo on stackblitz?
– yurzui
Nov 13 at 19:59
add a comment |
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%2f53285973%2faccess-let-variable-on-ng-template-in-custom-directive%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
active
oldest
votes
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.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- 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%2f53285973%2faccess-let-variable-on-ng-template-in-custom-directive%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 give an example of what you're trying to achieve?
– yurzui
Nov 13 at 19:54
I‘d like to use the „column“ property in my „myDirective“ to set some styling on it.
– Christian
Nov 13 at 19:56
What about
[myDirective]="column"
?– yurzui
Nov 13 at 19:57
I‘ve tried that but it‘s always undefined. Also it‘s the same as with another @input as I understand.
– Christian
Nov 13 at 19:58
Can you create a demo on stackblitz?
– yurzui
Nov 13 at 19:59