You have seen how to access from the parent to one transplanted element.
I mean, some contenders have to contend, but for example, in fact, I want to access all the top
components projected with energy content.
And that's why we have the decorator content, children, content, children is like content child,
but providing access to a whole array of children elements so you can manipulate them with methods like
MAP.
I'm for it.
This array belongs to the Qualys class provided by Angler and by the previous example to gain access
to all of my DAPs.
Was the fault in TAPS components, I replace content child by condemned children here, and I also add
the querulously import Guéra list that I said I wanted.
I can remove the content child I got here, I remove it, and what I can do is to refactored the array
of steps that they already have in order to the creative with content children.
So I read this at Content Children.
Of type, that component.
And this equals public daps of type Guéra least.
Because I told you, this will acquire a list of type type component, so that component also here,
I'm going to command first off the card related with LDAP because estab does not exist anymore.
Otherwise the code will fail.
So I can at this here and also here and I will console lock my new tabs array to see how the security
is look like.
So in after content in it.
I gunsel like this that tharp's.
So I got the result, and if you look at the console, you can see there's a quote, a list with an
array of results.
If you open the object and the results are right inside, you can see that the elements inside are of
type type components.
And that's what we expected, an array of components.
However, the interesting part, as inside the querulously prototype, you have several filters like
Filter Freight's map and so on.
And that's because Aquarist Glass Angella gives you is fully prepared to perform the typical actions
query so you can filter either through the loop, subscribe for changes.
And also you can see that in the bew half now those three taps, although the government is empty.
Remember that in previous videos I had to add the tabs by hand with at that method.
And now I don't need to do this because I'm using content children, the cradle to search for Oletta
children in order to put them here in the taps.
Right now it is angular that directly put the taps into the array.
So now I can remove the at the method.
OK, another interesting point is that in component that HDMI am looping over an array of taps.
This is a call list and the loop works perfectly fine and it's able to find the data properly without
problems.
OK, back now, the typescript side I'm going to play now, the selector method taking advantage of
this Qualys class.
I can remove all this and instead I can do this.
That taps my bab's for it's taking advantage of the Squillace method.
And then for each item I receive, I will call this our function inside where I receive a tap and said
that is active equals false.
So first I said Alltop is active property, the force, and then finally I do that.
That is active equals tool.
So I also said is active through all of the that I am receiving with Select Tap.
I said anyone else to force Abdeh tools after containing it to subscribe also to any click received
on my taps.
So here we have made gunsel like this that taps one of those, these the times that for it's a game
for every one of my taps I make another function that receives a tap.
And then for every tap by the tap that unclick.
That subscribe.
And the inside here at Great, the our function and inside, I'm going to cancel the title here, I'm
going to take advantage of the ECMAScript sex template, literal strings instead of what they use,
batiks.
And this is a string, but the special one that can use variables.
So you can't write that.
And in order to use a variable, I do so with dollars and color brackets so I can use and setup the
title.
And then I continue writing my string content cliqued.
Now, every time I click a tab, it will be canceled that next stop the TAB title and then the text
content clicked.
Also, I want to make sure that at the beginning, the first tab selected.
So here are the days that select tab.
And inside this, that, that.
That first, there's also one of the tools that the cross-class provides, you can access that really
the first element on the list.
OK, I can remove all the stuff.
And now what I need as to where all the references, the subscriptions, so I can remove them later
in the undestroyed method.
To the so I'm going to have that public subscription, I think, and s at the end, this property will
be now an array instead of a single object and in it the value to an empty array inside after containing
it.
What I will do is to get this reference subscribed here with that subscription.
Equals to a subscription, and then there's that.
Public subscriptions that push because it is an array and I add the reference I just get from the subscription.
OK, I had them in my after companionate and now in the undestroyed bent.
I have to loop through this array to remove my subscriptions as it's an array.
I can do the same thing seen with the list.
So if there's that click subscriptions.
Then in this case, I can do this, the subscriptions that for it, and then another function then receives
an item and then I do item that unsubscribe.
OK, now if you go to the browser, you can see how taps are working absolutely fine when I click it
and my tab see also that the first one was selected by default.
And also, if you click the content, the name of the tab is Console Lugg.
With that DIMOS content clicked tending to Grono.
I can say they stopped and then clicked and with our Allan Chernoff content clicked.
OK, let's do a quick recap of this video.
In order to access from the parent to all its tap children receive my translation.
I mean, and the content Aveos the content children, the creator, this one from here content children
with a list of the components.
I have requested this type companied the squillace.
They have tools to simplify the items management like for each filter map first and some more you will
find in the Anglo docs in this case, after years of Forehead's method a couple times in order to loop
through my tabs and subscribe to their output as well as to update the IS active property.