ng5 | This is a simple Angular 5 application | Frontend Framework library

What I want to do is to split an array of strings, when the first 6 characters in the string are zeroes ("000000") or when all the digits in the string are zeroes. Limiting to 6 characters won't be very dynamic.

I got this code, and it does what I want to achieve.

I have a string with the Pgn from a chess.com match. I need to remove all of the time data from the Pgn. Using Regular Expressions how would I accomplish this?

'1. e4 {[%clk 0:29:59.9]} 1... e5 {[%clk 0:29:59.1]} 2. Nf3 {[%clk 0:29:58]} 2... Nf6 {[%clk 0:29:57.2]} 3. Nc3 {[%clk 0:29:51.9]} 3... Bb4 {[%clk 0:29:51.9]} 4. a3 {[%clk 0:29:49.4]} 4... Ba5 {[%clk 0:29:46.3]} 5. Bc4 {[%clk 0:29:44.7]} 5... O-O {[%clk 0:29:37.5]} 6. Ng5 {[%clk 0:29:37.9]} 6... d6 {[%clk 0:29:10]} 7. O-O {[%clk 0:29:35.7]} 7... Be6 {[%clk 0:28:41.8]} 8. Nxe6 {[%clk 0:29:19]} 8... fxe6 {[%clk 0:28:33.2]} 9. b4 {[%clk 0:29:13.9]} 9... Bb6 {[%clk 0:28:21.6]} 10. a4 {[%clk 0:29:08.4]} 10... d5 {[%clk 0:27:53.9]}

I would like to remove all of the timestamps with {[%clk ]} and some timestamp.

The expected string after should be:

'1. e4 1... e5 2. Nf3 2... Nf6' and so on

Expected: https://i.stack.imgur.com/UBElC.png

Actual: https://i.stack.imgur.com/UbIcA.png

Why is the reason this happen ? the most I can think of there's something there is a styling that overrides SyncFusion styling or my Angular version is not compatible ?

Coding:

schedule.HTML

I can't find a slider that works with angular that can have more than 2 points. I found the ng5-slider library (https://www.npmjs.com/package/ng5-slider) that works perfectly for a minValue and maxValue but what I'm trying to acheive is this:

a slider that holds time data (24 hours) and shows events based on the time on it. Any suggestions please? Thank you in advance.

Please help me to sort out the issue : enter image description here

I'm getting this issue after build successfully and run on browser with angular universal

Here is my package json :

I'm trying to convert a ng5-slider to a min and max textbox for purposes of filtering a list of products by min and max price.

Current Slider:

I am facing an issue, when trying to make production build with ng build --prod while ng build and ng serve running fine...

For production build i am using ng build --prod command but getting this error

package.json