@cerebral/angular NPM | npm.io

4.2.1 • Published 3 years ago

Install

Weekly downloads

12

License

MIT

Repository

Last release

3 years ago

@cerebral/angular

Angular view for Cerebral.

Install

npm install @cerebral/angular @angular/core @angular/platform-browser babel-plugin-transform-decorators-legacy

CerebralService

The Cerebral service exposes the Cerebral controller to your application.

import { NgModule } from '@angular/core'
import { BrowserModule } from '@angular/platform-browser'

import { provide } from 'cerebral'
import { ControllerService } from '@cerebral/angular'

import { AppComponent }  from './app.component.ts'
import { SomeAngularService } from './SomeAngularService'

// Create a factory to instantiate Cerebral. It can receive
// dependencies which you can "provide" to Cerebral to be used
// within signals
export function configureController(someAngularService : SomeAngularService) {
  return new ControllerService({
    // We use the "provide" function to an angular service to the signals
    // of Cerebral
    providers: [
      provide('someAngularService', someAngularService)
    ]
  })
})

@NgModule({
  imports:      [ BrowserModule ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ],
  providers: [
     {
      provide: ControllerService,
      useFactory: configureController,
      deps: [SomeAngularService]
    },
  ]
})
export class AppModule {}

connect decorator

The connect decorator connects state and signals to your components.

import { Component, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core'
import { signal, state } from 'cerebral/tags'
import { connect, ControllerService, CerebralComponent } from '@cerebral/angular'

@Component({
  selector: 'app-component',
  template: `
    <div (click)="onClick()">{{foo}}</div>
  `,
  // Change detection needs to be set to "OnPush"
  changeDetection: ChangeDetectionStrategy.OnPush
})
@connect({
  // For AOT to work you will have to use the array version of template
  // tags
  myName: state(['foo']),
  onClick: signal(['clicked'])
})
export class AppComponent extends CerebralComponent {
  // You have to inject "ChangeDetectionRef" and "ControllerService" and pass
  // them to parent for connect to do its work
  constructor(cdr: ChangeDetectorRef, controller: ControllerService) {
    super(cdr, controller)
    controller.getSignal('onClick')()
  }
}

@infinitebrahmanuniverse/nolb-_cer @everything-registry/sub-chunk-162

4.2.2-1631948352453

3 years ago

4.2.2-1603641640988

4 years ago

4.2.2-1595580892669

4 years ago

4.2.2-1595580237760

4 years ago

4 years ago

4.2.1-1584794181458

4 years ago

4.2.1-1584683380023

4 years ago

4.2.1-1584600462250

4 years ago

4.2.1-1582187435493

4 years ago

4.2.1-1577723604565

4 years ago

4.2.1-1574014343190

5 years ago

5 years ago

4.2.0-1570695170137

5 years ago

4.2.0-1570694801725

5 years ago

4.2.0-1570691559424

5 years ago

4.2.0-1570641556876

5 years ago

4.2.0-1570561816164

5 years ago

4.2.0-1570561134828

5 years ago

4.2.0-1570560401104

5 years ago

4.2.0-1570558484765

5 years ago

4.2.0-1570558395333

5 years ago

4.2.0-1570557933463

5 years ago

4.2.0-1570365149941

5 years ago

4.2.0-1570356110414

5 years ago

4.2.0-1570346820840

5 years ago

4.2.0-1570306789851

5 years ago

4.2.0-1570305862640

5 years ago

4.2.0-1570295904659

5 years ago

4.1.2-1562757238762

5 years ago

5 years ago

4.1.1-1557067149174

5 years ago

4.1.1-1557064048693

5 years ago

4.1.1-1552651033219

5 years ago

4.1.1-1552648982200

5 years ago

4.1.1-1552244882830

5 years ago

5 years ago

4.1.0-1551020966578

5 years ago

5 years ago

4.0.4-1548058576903

5 years ago

6 years ago

4.0.3-1542135290768

6 years ago

4.0.3-1541977833440

6 years ago

4.0.3-1541966974774

6 years ago

4.0.3-1541875455582

6 years ago

6 years ago

4.0.2-1541713565517

6 years ago

4.0.2-1541710504249

6 years ago

6 years ago

4.0.1-1539631428220

6 years ago

5.0.0-1538588845221

6 years ago

6 years ago

4.0.0-1538586102518

6 years ago

4.0.0-1537296723352

6 years ago

4.0.0-1536865032556

6 years ago

4.0.0-1536863128047

6 years ago

4.0.0-1536860951274

6 years ago

4.0.0-1536860800023

6 years ago

4.0.0-1533748944448

6 years ago

4.0.0-1532201453503

6 years ago

4.0.0-1531922479412

6 years ago

4.0.0-1531921013521

6 years ago

4.0.0-1531254861331

6 years ago

4.0.0-1531254621854

6 years ago

4.0.0-1530374032214

6 years ago

4.0.0-1530304999843

6 years ago

4.0.0-1530082559102

6 years ago

4.0.0-1528907706035

6 years ago

4.0.0-1528833169015

6 years ago

4.0.0-1528826672808

6 years ago

4.0.0-1528802911583

6 years ago

4.0.0-1528462505049

6 years ago

4.0.0-1528228926683

6 years ago

4.0.0-1528225309613

6 years ago

4.0.0-1527963057741

6 years ago

4.0.0-1527883977316

6 years ago

4.0.0-1527840012018

6 years ago

4.0.0-1527787935820

6 years ago

4.0.0-1527708491686

6 years ago

4.0.0-1527668754193

6 years ago

4.0.0-1527192187050

6 years ago

4.0.0-1527184480939

6 years ago

4.0.0-1527107988206

6 years ago

4.0.0-1527015081471

6 years ago

4.0.0-1526409797341

6 years ago

4.0.0-1526334609968

6 years ago

4.0.0-1526222433248

6 years ago

4.0.0-1525724201307

6 years ago

3.2.3-1524554116963

6 years ago

6 years ago

3.2.2-1523952156059

6 years ago

6 years ago

3.2.1-1522406089848

6 years ago

6 years ago

3.2.0-1521800530348

6 years ago

3.2.0-1521659945175

6 years ago

3.2.0-1521491486243

6 years ago

3.2.0-1521141520686

6 years ago

4.0.0-1521140905511

6 years ago

4.0.0-1521047171357

6 years ago

4.0.0-1521036089661

6 years ago

4.0.0-1520517968119

6 years ago

4.0.0-1519663092849

6 years ago

4.0.0-1519463520217

6 years ago

3.2.0-1519462375777

6 years ago

3.2.0-1519392810913

6 years ago

3.2.0-1519242130161

6 years ago

3.2.0-1519241240484

6 years ago

3.2.0-1519236942356

6 years ago

3.2.0-1519236826541

6 years ago

3.2.0-1519234729886

6 years ago

3.2.0-1519234698820

6 years ago

3.2.0-1519155708382

6 years ago

3.2.0-1519155652493

6 years ago

3.2.0-1519151744531

6 years ago

3.2.0-1519151705407

6 years ago

3.2.0-1519072252617

6 years ago

3.2.0-1519013188624

6 years ago

3.2.0-1519006927623

6 years ago

3.2.0-1518985373142

6 years ago

3.2.0-1518980626823

6 years ago

3.2.0-1518980138892

6 years ago

3.2.0-1518957951883

6 years ago

3.2.0-1518953487795

6 years ago

3.2.0-1518886037717

6 years ago

3.2.0-1518864840251

6 years ago

3.2.0-1518858486644

6 years ago

3.2.0-1518821845306

6 years ago

3.2.0-1518723490701

6 years ago

3.2.0-1518722610725

6 years ago

3.2.0-1518721161783

6 years ago

3.2.0-1518720412235

6 years ago

3.2.0-1518548751679

6 years ago

3.2.0-1518545347774

6 years ago

3.2.0-1518535328744

6 years ago

3.2.0-1518524980837

6 years ago

3.2.0-1518516413042

6 years ago

3.2.0-1518472516428

6 years ago

3.2.0-1518417962068

6 years ago

3.2.0-1518408921088

6 years ago

3.2.0-1518337248582

6 years ago

3.2.0-1518266777475

6 years ago

3.2.0-1518265345521

6 years ago

3.2.0-1518264200937

6 years ago

3.2.0-1518145781517

6 years ago

6 years ago

3.2.0-1518039058787

6 years ago

3.2.0-1517876241663

6 years ago

3.2.0-1517861391894

6 years ago

3.2.0-1517780138390

6 years ago

3.2.0-1517758760169

6 years ago

3.2.0-1517429476965

6 years ago

3.2.0-1516358475441

6 years ago

6 years ago

3.1.0-1516216081638

6 years ago

3.1.0-1516213225856

6 years ago

3.1.0-1516154845526

6 years ago

3.1.0-1516141830035

6 years ago

3.1.0-1516100974040

6 years ago

3.0.2-1516100743891

6 years ago

3.0.2-1516058407798

6 years ago

3.0.2-1516058121084

6 years ago

3.0.2-1516047687877

6 years ago

3.0.2-1515366989842

6 years ago

3.0.2-1515331618533

6 years ago

3.0.2-1515330796896

6 years ago

3.0.2-1514636634656

6 years ago

3.0.2-1514412422744

6 years ago

3.0.2-1514370476566

6 years ago

6 years ago

3.0.1-1514197049589

6 years ago

3.0.1-1514188209526

6 years ago

3.0.1-1514126598089

6 years ago

3.0.1-1514124868636

6 years ago

4.0.0-1514099265786

6 years ago

6 years ago

3.0.0-1513794637209

6 years ago

3.0.0-1513780519342

6 years ago

3.0.0-1513780012159

6 years ago

3.0.0-1513759003756

6 years ago

3.0.0-1513758814935

6 years ago

3.0.0-1513706386130

6 years ago

3.0.0-1513706056817

6 years ago

3.0.0-1513677765675

6 years ago

3.0.0-1513590011187

6 years ago

3.0.0-1513583790211

6 years ago

3.0.0-1513541599623

6 years ago

3.0.0-1513350123537

6 years ago

3.0.0-1513327347142

6 years ago

3.0.0-1512721944429

6 years ago

3.0.0-1512637972425

6 years ago

3.0.0-1512583643868

6 years ago

3.0.0-1512576151414

6 years ago

3.0.0-1512573496517

6 years ago

3.0.0-1512570556709

6 years ago

3.0.0-1512569520066

6 years ago

3.0.0-1512566592093

6 years ago

3.0.0-1512562113901

6 years ago

3.0.0-1512546003971

6 years ago

3.0.0-1512545794024

6 years ago

3.0.0-1511973360368

6 years ago

3.0.0-1511509714834

6 years ago

7 years ago

3.0.0-1511265775080

7 years ago

2.6.0-1511263649330

7 years ago

3.0.0-1511256369849

7 years ago

2.6.0-1511255433315

7 years ago

3.0.0-1511175353941

7 years ago

2.6.0-1511166934034

7 years ago

2.6.0-1511166078313

7 years ago

2.6.0-1511114469528

7 years ago

3.0.0-1511080103283

7 years ago

2.6.0-1510070698645

7 years ago

2.6.0-1510070601244

7 years ago

2.6.0-1510058450878

7 years ago

2.6.0-1509984849270

7 years ago

2.6.0-1509832946937

7 years ago

2.6.0-1509831103618

7 years ago

2.6.0-1509819326369

7 years ago

7 years ago

2.5.0-1509562991312

7 years ago

2.5.0-1509558968518

7 years ago

7 years ago

2.4.0-1508236892931

7 years ago

2.4.0-1508233379179

7 years ago

2.3.1-1508225958506

7 years ago

2.3.1-1508183034216

7 years ago

7 years ago

2.3.0-1508064928291

7 years ago

2.3.0-1508063713445

7 years ago

2.3.0-1508062490416

7 years ago

2.3.0-1507804397051

7 years ago

2.3.0-1507792489576

7 years ago

2.2.1-1507746465045

7 years ago

2.2.1-1507744724324

7 years ago

2.2.1-1507744631795

7 years ago

7 years ago

2.2.0-1506586478807

7 years ago

2.2.0-1506535767600

7 years ago

2.2.0-1506535208483

7 years ago

7 years ago

2.1.0-1506095942801

7 years ago

2.0.3-1506092777704

7 years ago

2.0.3-1506092013751

7 years ago

2.0.3-1506070305752

7 years ago

2.0.3-1506047343862

7 years ago

2.0.3-1506047254294

7 years ago

2.0.3-1506047227267

7 years ago

2.0.3-1506047138457

7 years ago

7 years ago

2.0.2-1505665807064

7 years ago

2.0.2-1505665037787

7 years ago

2.0.2-1505664440110

7 years ago

2.0.2-1505664098213

7 years ago

7 years ago

2.0.1-1505414308856

7 years ago

2.0.1-1505413095968

7 years ago

7 years ago

2.0.0-1505327900574

7 years ago

2.0.0-1505327804820

7 years ago

2.0.0-1505324628618

7 years ago

1.0.2-1505324147282

7 years ago

1.0.2-1505317601236

7 years ago

7 years ago

1.0.1-1505164072008

7 years ago

7 years ago

1.0.0-1505153700242

7 years ago