Why are my component bindings undefined in its controller?

Question

I\'m writing a simple angular component. I\'m passing a parameter as a binding and display its value on the screen. All works fine: I can see the parameter being displayed on th

Answer 1

The value for contactId is available on the $scope in your controller:

var app = angular.module("test", []);
app.component("test", {
  bindings: {
    "contactId": "<"
  },
  controllerAs: "model",
  controller: ($scope) => {
    var model = $scope.model;
    alert(`contact id from controller: ${model.contactId}`);
  },
  template: "
Contact id from view: {{model.contactId}}
"
});

Link to another version of your Plunker here.