@cerebral/angularjs

@cerebral/angularjs

Angularjs view for Cerebral.

NPM

npm install @cerebral/angularjs angular

import angular from 'angular'
import {addModule} from '@cerebral/angularjs'

addModule(angular)

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

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

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

angular.component('myComponent', {
  template: '<div ng-click="click()">{{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)