├── README.md ├── angular.json ├── package.json ├── src ├── app │ ├── alternateParentChild │ │ ├── alternate-child │ │ │ ├── alternate-child.component.css │ │ │ ├── alternate-child.component.html │ │ │ └── alternate-child.component.ts │ │ └── alternate-parent │ │ │ ├── alternate-parent.component.css │ │ │ ├── alternate-parent.component.html │ │ │ └── alternate-parent.component.ts │ ├── app.component.css │ ├── app.component.html │ ├── app.component.ts │ ├── app.module.ts │ ├── hello.component.ts │ ├── multiDirectionData │ │ ├── multi-child │ │ │ ├── multi-child.component.css │ │ │ ├── multi-child.component.html │ │ │ └── multi-child.component.ts │ │ └── multi-parent │ │ │ ├── multi-parent.component.css │ │ │ ├── multi-parent.component.html │ │ │ └── multi-parent.component.ts │ ├── parentToChild │ │ ├── child │ │ │ ├── child.component.css │ │ │ ├── child.component.html │ │ │ └── child.component.ts │ │ └── parent │ │ │ ├── parent.component.css │ │ │ ├── parent.component.html │ │ │ └── parent.component.ts │ ├── siblings │ │ ├── child-one │ │ │ ├── child-one.component.css │ │ │ ├── child-one.component.html │ │ │ └── child-one.component.ts │ │ ├── child-two │ │ │ ├── child-two.component.css │ │ │ ├── child-two.component.html │ │ │ └── child-two.component.ts │ │ └── parent.directive.ts │ └── unrelated │ │ ├── activator │ │ ├── activator.component.css │ │ ├── activator.component.html │ │ └── activator.component.ts │ │ ├── toast.service.ts │ │ └── toast │ │ ├── toast.component.css │ │ ├── toast.component.html │ │ └── toast.component.ts ├── index.html ├── karma.conf.js ├── main.ts ├── polyfills.ts ├── styles.css ├── tsconfig.app.json └── tsconfig.spec.json └── tsconfig.json /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/README.md -------------------------------------------------------------------------------- /angular.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/angular.json -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/package.json -------------------------------------------------------------------------------- /src/app/alternateParentChild/alternate-child/alternate-child.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/alternateParentChild/alternate-child/alternate-child.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/src/app/alternateParentChild/alternate-child/alternate-child.component.html -------------------------------------------------------------------------------- /src/app/alternateParentChild/alternate-child/alternate-child.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/src/app/alternateParentChild/alternate-child/alternate-child.component.ts -------------------------------------------------------------------------------- /src/app/alternateParentChild/alternate-parent/alternate-parent.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/alternateParentChild/alternate-parent/alternate-parent.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/src/app/alternateParentChild/alternate-parent/alternate-parent.component.html -------------------------------------------------------------------------------- /src/app/alternateParentChild/alternate-parent/alternate-parent.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/src/app/alternateParentChild/alternate-parent/alternate-parent.component.ts -------------------------------------------------------------------------------- /src/app/app.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/src/app/app.component.css -------------------------------------------------------------------------------- /src/app/app.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/src/app/app.component.html -------------------------------------------------------------------------------- /src/app/app.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/src/app/app.component.ts -------------------------------------------------------------------------------- /src/app/app.module.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/src/app/app.module.ts -------------------------------------------------------------------------------- /src/app/hello.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/src/app/hello.component.ts -------------------------------------------------------------------------------- /src/app/multiDirectionData/multi-child/multi-child.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/multiDirectionData/multi-child/multi-child.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/src/app/multiDirectionData/multi-child/multi-child.component.html -------------------------------------------------------------------------------- /src/app/multiDirectionData/multi-child/multi-child.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/src/app/multiDirectionData/multi-child/multi-child.component.ts -------------------------------------------------------------------------------- /src/app/multiDirectionData/multi-parent/multi-parent.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/multiDirectionData/multi-parent/multi-parent.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/src/app/multiDirectionData/multi-parent/multi-parent.component.html -------------------------------------------------------------------------------- /src/app/multiDirectionData/multi-parent/multi-parent.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/src/app/multiDirectionData/multi-parent/multi-parent.component.ts -------------------------------------------------------------------------------- /src/app/parentToChild/child/child.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/src/app/parentToChild/child/child.component.css -------------------------------------------------------------------------------- /src/app/parentToChild/child/child.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/src/app/parentToChild/child/child.component.html -------------------------------------------------------------------------------- /src/app/parentToChild/child/child.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/src/app/parentToChild/child/child.component.ts -------------------------------------------------------------------------------- /src/app/parentToChild/parent/parent.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/src/app/parentToChild/parent/parent.component.css -------------------------------------------------------------------------------- /src/app/parentToChild/parent/parent.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/src/app/parentToChild/parent/parent.component.html -------------------------------------------------------------------------------- /src/app/parentToChild/parent/parent.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/src/app/parentToChild/parent/parent.component.ts -------------------------------------------------------------------------------- /src/app/siblings/child-one/child-one.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/src/app/siblings/child-one/child-one.component.css -------------------------------------------------------------------------------- /src/app/siblings/child-one/child-one.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/src/app/siblings/child-one/child-one.component.html -------------------------------------------------------------------------------- /src/app/siblings/child-one/child-one.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/src/app/siblings/child-one/child-one.component.ts -------------------------------------------------------------------------------- /src/app/siblings/child-two/child-two.component.css: -------------------------------------------------------------------------------- 1 | input { 2 | margin-left: 10px; 3 | } -------------------------------------------------------------------------------- /src/app/siblings/child-two/child-two.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/src/app/siblings/child-two/child-two.component.html -------------------------------------------------------------------------------- /src/app/siblings/child-two/child-two.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/src/app/siblings/child-two/child-two.component.ts -------------------------------------------------------------------------------- /src/app/siblings/parent.directive.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/src/app/siblings/parent.directive.ts -------------------------------------------------------------------------------- /src/app/unrelated/activator/activator.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/unrelated/activator/activator.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/src/app/unrelated/activator/activator.component.html -------------------------------------------------------------------------------- /src/app/unrelated/activator/activator.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/src/app/unrelated/activator/activator.component.ts -------------------------------------------------------------------------------- /src/app/unrelated/toast.service.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/src/app/unrelated/toast.service.ts -------------------------------------------------------------------------------- /src/app/unrelated/toast/toast.component.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Everduin94/component-communication-patterns/HEAD/src/app/unrelated/toast/toast.component.css -------------------------------------------------------------------------------- /src/app/unrelated/toast/toast.component.html: -------------------------------------------------------------------------------- 1 |