Mixing
Highlight paths matching patterns (Angular 7)
up vote
0
down vote
favorite
I have a list of paths, which can contain wildcards. What would be the best approach for filtering/highlighting paths matching paths containing wildcards? So that the path '/server/test/block' would be marked when you also have the path '/server/*' f.ex. So far I've tried nesting .filter with .contains, and checking if the array is larger than 1. However, that would only give exact matches, and I did not find a good way to add the same class to those that matched eachother.
To run that function, I tested the [innerHTML]-selector on my mat-cell, but the function was run many times. I also tested using the [class.someName]-selector on a span inside the mat-cell, but this would also call the function many, many times. Any pointers on which direction I should be looking would be appreciated.
The data is shown using a material table.
angular angular-material angular7 mat-table
asked 16 hours ago
Lars Rødal
5717
add a comment |
up vote
0
down vote
favorite
I have a list of paths, which can contain wildcards. What would be the best approach for filtering/highlighting paths matching paths containing wildcards? So that the path '/server/test/block' would be marked when you also have the path '/server/*' f.ex. So far I've tried nesting .filter with .contains, and checking if the array is larger than 1. However, that would only give exact matches, and I did not find a good way to add the same class to those that matched eachother.
To run that function, I tested the [innerHTML]-selector on my mat-cell, but the function was run many times. I also tested using the [class.someName]-selector on a span inside the mat-cell, but this would also call the function many, many times. Any pointers on which direction I should be looking would be appreciated.
The data is shown using a material table.
angular angular-material angular7 mat-table
asked 16 hours ago
Lars Rødal
5717
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I have a list of paths, which can contain wildcards. What would be the best approach for filtering/highlighting paths matching paths containing wildcards? So that the path '/server/test/block' would be marked when you also have the path '/server/*' f.ex. So far I've tried nesting .filter with .contains, and checking if the array is larger than 1. However, that would only give exact matches, and I did not find a good way to add the same class to those that matched eachother.
To run that function, I tested the [innerHTML]-selector on my mat-cell, but the function was run many times. I also tested using the [class.someName]-selector on a span inside the mat-cell, but this would also call the function many, many times. Any pointers on which direction I should be looking would be appreciated.
The data is shown using a material table.
angular angular-material angular7 mat-table
asked 16 hours ago
Lars Rødal
5717
I have a list of paths, which can contain wildcards. What would be the best approach for filtering/highlighting paths matching paths containing wildcards? So that the path '/server/test/block' would be marked when you also have the path '/server/*' f.ex. So far I've tried nesting .filter with .contains, and checking if the array is larger than 1. However, that would only give exact matches, and I did not find a good way to add the same class to those that matched eachother.
To run that function, I tested the [innerHTML]-selector on my mat-cell, but the function was run many times. I also tested using the [class.someName]-selector on a span inside the mat-cell, but this would also call the function many, many times. Any pointers on which direction I should be looking would be appreciated.
The data is shown using a material table.
angular angular-material angular7 mat-table
angular angular-material angular7 mat-table
asked 16 hours ago
Lars Rødal
5717
asked 16 hours ago
Lars Rødal
5717
asked 16 hours ago
Lars Rødal
5717
asked 16 hours ago
Lars Rødal
5717
asked 16 hours ago
Lars Rødal
5717
5717
add a comment |
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
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%2f53371901%2fhighlight-paths-matching-patterns-angular-7%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
