4.2.1 • Published 3 years ago

@cerebral/angularjs v4.2.1

Weekly downloads
16
License
MIT
Repository
github
Last release
3 years ago

@cerebral/angularjs

Angularjs view for Cerebral.

Install

npm install @cerebral/angularjs angular

Config

import angular from 'angular'
import {addModule, connect} from '@cerebral/angularjs'
import {state, signal} from 'cerebral/tags'

addModule(angular)

angular.module('app', ['cerebral'])
  .config(function (cerebralProvider) {
    cerebralProvider.configure({
      state: {
        foo: 'bar'
      },
      signals: {
        clicked: []
      },

      // Special controller property to expose core
      // angular services to your signals
      services: ['$http', '$timeout']
    })
  })
  ...

connect

import angular from 'angular'
import {addModule, connect} from '@cerebral/angularjs'
import {state, signal} from 'cerebral/tags'

angular.module('app', ['cerebral'])
  .config(...)
  .component('myComponent', {
    template: '<div ng-click="$ctrl.click()">{{$ctrl.foo}}</div>',
    controller: connect({
      foo: state`foo`,
      click: signal`clicked`
    }, 'MyComponent', ['cerebral', function MyController (cerebral) {

      // In some cases you might need access to cerebral's controller.
      // You can inject the cerebral angular service and
      // access it's controller property anywhere in your app
      cerebral.controller.getSignal('mySignal')()

      // Optionally add custom behaviour to controller
    }])
  })

Since angular doesn't expose the component name, you will need to provide one to connect for the component to be given a name in cerebral.

You can call connect in the following ways:

connect(dependencies)
connect(dependencies, name)
connect(dependencies, controller)
connect(dependencies, name, controller)
4.2.1

4 years ago

4.2.0

5 years ago

4.1.1

5 years ago

4.1.0

5 years ago

4.0.4

5 years ago

4.0.3

6 years ago

4.0.2

6 years ago

4.0.1

6 years ago

4.0.0

6 years ago

3.2.2

6 years ago

3.2.1

6 years ago

3.2.0

6 years ago

3.1.1

6 years ago

3.1.0

6 years ago

3.0.1

6 years ago

3.0.0

6 years ago

2.6.0

7 years ago

2.5.0

7 years ago

2.4.0

7 years ago

2.3.0

7 years ago

2.2.0

7 years ago

2.1.0

7 years ago

2.0.1

7 years ago

2.0.0

7 years ago

1.0.1

7 years ago

1.0.0

7 years ago