<div>
can this array:<br />
<br />

<pre><code id="code-20-42329196-1">this.piece[i] = Math.ceil(Math.random() * 100);</code></pre>
<br />
instead hold PuzzlePieceComponent objects? Or is that not how it works in Angular?
</div>


can this array:



this.piece[i] = Math.ceil(Math.random() * 100);


instead hold PuzzlePieceComponent objects? Or is that not how it works in Angular?

<div>
Of course - I just did that for the demo - not knowing what you want for there.<br />
<br />
That piece can be any JavaScript object - and that is exactly how Angular works - objects and streams.
</div>


Of course - I just did that for the demo - not knowing what you want for there.

That piece can be any JavaScript object - and that is exactly how Angular works - objects and streams.

<div>
So, would I use &quot;new&quot; ? I would be instantiating a new PuzzlePiece object.<br />
<br />
Can I pass in an input parameter at this step?
</div>


So, would I use "new" ? I would be instantiating a new PuzzlePiece object.

Can I pass in an input parameter at this step?

<div>
I execute your commands and from the correct folder, but can not successfully auto-generate a Component.<br />
<br />
The version of Node.js on my machine MAY have been installed with HomeBrew. So, I am not sure that my installation of Node is intact.<br />
<br />
I will address a re-install of my environment separately.
</div>


I execute your commands and from the correct folder, but can not successfully auto-generate a Component.

The version of Node.js on my machine MAY have been installed with HomeBrew. So, I am not sure that my installation of Node is intact.

I will address a re-install of my environment separately.

<div>
<div class="content wysiwyg-content">
I have a PuzzleCanvas object and I need it to contain a matrix of PuzzlePieces 8 columns by 5 rows.<br />
<br />
I want this done inside the Component itself so that in the HTML for the PuzzleCanvas I can simply use forEach and iterate through a previously created matrix of components.<br />
<br />
How do I do this?<br />
<br />
Thanks
</div>
</div>


I have a PuzzleCanvas object and I need it to contain a matrix of PuzzlePieces 8 columns by 5 rows.

I want this done inside the Component itself so that in the HTML for the PuzzleCanvas I can simply use forEach and iterate through a previously created matrix of components.

How do I do this?

Thanks

Creating a matrix of components inside another component

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

HTML

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, and social network services using a wide variety of languages and standards, including the familiar HTML, JavaScript and jQuery, ASP and ASP.NET, PHP, ColdFusion, CSS, PHP, Flex and Flash, but also the implementation of a broad list of standards including XML, WSDL, SSDL, VoiceXML and many more.

Web Languages and Standards

A scripting language is a programming language that supports scripts, programs written for a special run-time environment that automate the execution of tasks that could alternatively be executed one-by-one by a human operator. Scripting languages are often interpreted (rather than compiled). Primitives are usually the elementary tasks or API calls, and the language allows them to be combined into more complex programs. Environments that can be automated through scripting include software applications, web pages within a web browser, the shells of operating systems (OS), embedded systems, as well as numerous games. A scripting language can be viewed as a domain-specific language for a particular environment; in the case of scripting an application, this is also known as an extension language.

Scripting Languages

Angular is a JavaScript open-source web application framework used to develop single-page applications. It aims to simplify both the development and the testing of such applications by providing a framework for client-side model–view–controller (MVC) and model–view–view-model (MVVM) architectures, along with components commonly used in rich Internet applications. Angular is the front-end part of the MEAN stack, together with Node.js runtime, Express.js backend framework and MongoDB database.