Download code for how-angular-work/inventory-app






















Star 0. Angular web application demonstrates chapter 3 of ng-book dist-hyncpfuxkz. Branches Tags. Could not load branches. Could not load tags. Latest commit. Git stats 11 commits. Failed to load latest commit information. View code. Prerequisites Node. If you ever feel lost or need more context, take some time to look at the completed example code.

Angular is flexible enough to support many different kinds of models and data architectures. However, this means the choice is left to you as the user to determine how to implement these things. As we mentioned before, Components are the fundamental building block of Angular applications. Then we break our application into smaller child Components.

When building new Angular applications, we often follow this process: we mockup the design in wireframes or on paper and then we break down the parts into Components. The Component is called a decorator.

It adds metadata to the class that follows it AppComponent. The Component decorator specifies:. The Component controller is defined by a class , the AppComponent class, in this case. The Component decorator is where you configure your component. One of the primary roles of the Component decorator is to configure how the outside world will interact with your component.

There are lots of options available to configure a component many of which we cover in the Advanced Components Chapter. With the selector key, you indicate how your component will be recognized when used in a template. The selector is a way to define what elements in the HTML will match this component. Build Run ng build to build the project. Running unit tests Run ng test to execute the unit tests via Karma. Running end-to-end tests Run ng e2e to execute the end-to-end tests via Protractor.

About ng-book 2: Inventory App Resources Readme. Releases No releases published. Packages 0 No packages published. Contributors 2. You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window.



0コメント

  • 1000 / 1000