crumbs | Turn asterisk-indented text lines into mind maps | Data Manipulation library

I'm trying to implement breadcrumbs via breadcrumbs_on_rails gem. So far so good, works with the home page and the index page, but I'm having trouble implementing crumbs on the show page. Getting the error:

ERROR: No route matches {:action=>"show", :controller=>"projects"}, missing required keys: [:id]

Here's what the controller looks like:

The object within an object contains variables such as "name", "amount", "amountType", and "cal". The strings on those variables should be transferred through loop as several row in the given HTML table. Each variable should be on its own cell.

I already made one row and made 4 cell for the name, amount, amount type, and calorie columns. Then, I tried to transfer the objects elements inside the cell using the index of the object.

On the function "createIngrList", it should take all the ingredient names, such as "Butter", "Beef", "Onion", etc., and turn it into buttons. So each button should have a text with the name of an ingredient written on it. As of now, there is just 4 buttons with "undefined" written on it. If possible, all the repeating ingredients such as "Onion" should not be made into button twice. Once is enough.

I'm using gatsby-plugin-breadcrumb to create a breadcrumb list.
Since I want to display the breadcrumb list on a page that is not the root page, we place the Breadcrumb component in layout.tsx as shown below.

The game works by a fish eating smaller fish and slowly growing bigger. The score is supposed to update each time the fish eats another fish. The score will update to one right when you eat a fish, but it won't update to a 2 until you eat a bunch of fish(it varies), and then the 2 shows up over the 1.

Read at your own risk:

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

For the file browser that I'm trying to make I need a navigator with breadcrumb style. I found some example using tag that isn't included into the community edition. The Questions are:

1. Is there a way to render a dynamic text/anchor (link) like bread crumb? Or is there a way to overwrite some so the div as placeholder can be write with some children in MVVM way?
2. So the breadcrumb will have an action when the link is click. When the link is clicked it must update the content of another ListModelList object and update itself if the previous crumb is clicked. How can I do that in MVVM style?

Fiddle example but using shadow component https://zkfiddle.org/sample/ha19l0/1-zk-breadcrumbs

Some zul code:

I have a code in php to show the breadcrumb it outputs like this

the link i found the php code
output

and it looks like this

Im trying to make a site that could identify the country and set the language.

To do this in react i use to call thw window.navigator.language. The entire file: