官术网_书友最值得收藏!

Getting to know Angular components

Model-View-Controller (MVC) is a micro-architectural pattern initially introduced for the implementation of user interfaces. As Angular developers, we use different variations of this pattern on a daily basis, most often, Model-View-ViewModel (MVVM). In MVC, we have the model, which encapsulates the business logic of our application, and the view, which is responsible for rendering the user interface, accepting user input, and delegating the user interaction logic to the controller. The view is represented as composition of components, which is formally known as the composite design pattern.

Let's take a look at the following structural diagram, which shows the composite design pattern:

Figure 5

Here, we have three classes:

  • An abstract class called Component.
  • Two concrete classes called Leaf and Composite. The Leaf class is a simple terminal component in the component tree that we will build soon.

The Component class defines an abstract operation called operation. Both Leaf and Composite inherit from the Component class, however, the Composite class also owns references to it. We can take this even further and allow Composite to own a list of references to instances of Component, as shown in the diagram. The components list inside Composite can hold references to different Composite or Leaf instances, or instances of other classes, which extend the Component class or any of its successors. We can have a different behavior of the operation methods of the individual Component instances invoked within the implementation of the operation method of Composite. This is because of the late-binding mechanism used for the implementation of polymorphism in object-oriented programming languages.

主站蜘蛛池模板: 南阳市| 瓮安县| 甘肃省| 淮安市| 高平市| 镶黄旗| 桓仁| 湖北省| 高青县| 泽州县| 鹤峰县| 龙岩市| 依兰县| 印江| 濮阳县| 溧水县| 上栗县| 荔浦县| 尚志市| 台北县| 大荔县| 远安县| 乐亭县| 盐山县| 昌都县| 托克托县| 安化县| 商都县| 伊宁县| 南平市| 团风县| 东宁县| 双城市| 永吉县| 涞水县| 安图县| 陇南市| 高雄市| 通渭县| 谢通门县| 新竹县|