pietmichal

@Component({
  selector: 'app',
  template: `
    <h1>Angular's content projection and lifecycle example</h1>
    <app-content>
      <app-nested-component></app-nested-component>
    </app-content>
  `,
})
export class App {}

pietmichal

@Component({
  selector: 'app',
  template: `
    <app-tabs>
      <app-tab name="First" [templateRef]="firstRef"></app-tab>
      <app-tab name="Second" [templateRef]="secondRef"></app-tab>
      <app-tab name="Third" [templateRef]="thirdRef"></app-tab>
    </app-tabs>
    
    <template #firstRef>

pietmichal

@Component({
  selector: 'app-tab',
  template: '',
})
export class TabComponent {
  @Input() name: string;
  @Input() templateRef: TemplateRef;
}

pietmichal

@Component({
  selector: 'app-tabs',
  template: ``,
})
export class TabsComponent implements AfterContentInit {
  
  @ContentChildren(TabComponent) tabList: QueryList<TabComponent>;
  currentTab: TabComponent;
  
  ngAfterContentInit() {

pietmichal

span {
  float: left;
  padding: 5px;
  background-color: #D0CCD0;
  border-radius: 5px 5px 0 0;
  color: #828181;
  font-size: 14px;
  cursor: pointer;
}

pietmichal

  onTabClick(tab: TabComponent) {
    this.currentTab = tab;
  }
  
  isSelected(tab: TabComponent) {
    return this.currentTab.name === tab.name;
  }

pietmichal

function retryablePromise(retries) {

  return new Promise((resolve, reject) => {
    reject();  
  })
    .catch(() => {
        if (retries > 0) {
            return retryablePromise(retries - 1);
        } else {
            return Promise.reject();

pietmichal

// Example implementation of simple Arena Allocator and simple Object Pool that works with C99 and C++ compilers.
// 
// Check the bottom of the file to see the license.
// 
// Enjoy!

#include <stdio.h>
#include <malloc.h>
#include <string.h>