tomastrajan

@Injectable()
export class TodosService {

  /* ... */
    
  // pass all neccessary data as funcion parameters 
  toggleTodo(name: string) {

    // retrieve model internal state
    const todos = this.model.get();

tomastrajan

export class TodosComponent {
  
  /* ... */ 

  onTodoToggleClick(todo: Todo) {
    this.todosService.toggleTodo(todo.name);
  }

}

tomastrajan

@Component({
  selector: 'todos',
  template: `
    <!-- 
       accessing multiple properties, 
       we're better off subscribing only once in component's ngOnInit()
    -->
    Done todos: {{count.done}}
    Remaining todos: {{count.remaining}}
    All todos: {{count.all}}

tomastrajan

@import '~@angular/material/theming';

@include mat-core();

@import 'my-theme.scss';

// import custom componenet themes
// unofficial naming convention to support nice ordering of files in IDE 
// to see theme under the original style file of the componenent
@import 'app/shared/big-input/big-input.component.scss-theme';

tomastrajan

@import '~@angular/material/theming';

// mixin name will be used in main style.scss
@mixin big-input-component-theme($theme) {
  
  // retrieve variables from theme 
  // (all possible variables, use only what you really need)
  $primary: map-get($theme, primary);
  $accent: map-get($theme, accent);
  $warn: map-get($theme, accent);

tomastrajan

import { Injectable, Component, NgModule, defineInjectable } from '@angular/core';

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
var SomeLibService = /** @class */ (function () {
    function SomeLibService() {
    }
    SomeLibService.decorators = [

tomastrajan

function changeMac() {
  local mac=$(openssl rand -hex 6 | sed 's/\(..\)/\1:/g; s/.$//')
  sudo ifconfig en0 ether $mac
  sudo ifconfig en0 down
  sudo ifconfig en0 up
  echo "Your new physical address is $mac"
}

tomastrajan

  /* session and clients models in some component or service */
    
  const filteredClients$ = this.sessionService.session$
    .combineLatest(this.clientService.clients$)
    .map(([session, clients]) => clients.filter(client => {
       if (client.vip && session.accessVips) {
         return true;
       } else if (!client.vip) {
         return true;
       } 

tomastrajan

/* route configuration */ 
const routes: Routes = [
  {
    path: 'todos',
    component: TodosComponent,
    resolve: {
      todosInitialized: TodosService
    }
  }
  /* ... */

tomastrajan

import { NgModule } from '@angular/core';
import { MODEL_PROVIDER } from './model.service';

@NgModule({
  /* ... */
  providers: [MODEL_PROVIDER]
})
export class CoreModule { }