Questions tagged [angular-structural-directive]

7 questions
1
vote
1 answer

Trying to loop through object array using ngfor using another header object array to fill a table

I am trying to render an array of objects into a table component inside the collectionsHome Component CollectionsHomeComponent: import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-collections-home', templateUrl:…
1
vote
2 answers

Micro syntax `as` not working with my own directive

I want to support the following micro syntax: foo$ | async as xyz Example:

Value is {{ xyz }}!

That stream is defined as $foo = of('some value') Here is my directive: @Directive({ selector:…
Jeanluca Scaljeri
  • 26,343
  • 56
  • 205
  • 333
0
votes
1 answer

Is there a way to use a custom structural directive in some condition in Angular?

I have this custom structural directive,
which shows div, if some condition is satisfied. Now, I need to do conditional styling:
Dacili
  • 258
  • 4
  • 8
0
votes
2 answers

Angular - Hide Ionic Tab Bar component when clicked on different route (Product Details Page)

I am attempting to hide an ionic tab bar when I click on an product item thats redirected to the product details page. I've attempted to use other lifecycle methods such as ngAfterViewInit(), ngAfterViewChecked(), even tried to setTimeOut().…
0
votes
1 answer

Angular 11 structural directives (ngif) is not working

I am trying to show and hide the content depending on values in table, but it is not working. If I use ngif directive it is hiding my entire content. component,ts file HTML file …
Bhushan Khaladkar
  • 420
  • 1
  • 7
  • 20
0
votes
1 answer

Angular structural directive with CSS selector

I am creating a custom dropdown menu. The menu contains some items and should remain open when a user clicks on any of these items. To check if the user clicks inside the dropdown menu I check via window.onclick if…
0
votes
0 answers

Child Component with structural directive (*ngif) is always executed last despite being placed ahead in the Parent Component html

I was working on a app where I encountered a peculiar case. For simplicity I have created a sample app and tested this although the behaviour was same. Sample app: In the parent component(my-app) I have the same child component with *ngIf and…