How to prevent a component from starting/rendering when the required parameters are not filled correctly?

Viewed 134

Say I have a component and I have bindings that are not optional, like so

angular.module("foo").component("fooComp", {
    bindings: {
      notOpt: "<",
    },
    templateUrl: "...",
    controllerAs: "...",
    controller: [fooCtrl],
  });
  function fooCtrl() {
    const $vm = this;

    $vm.$onInit = onInit;

    function onInit() {
      // ...
    }

  }

Is there a way that I can prevent the component from rendering without the help of a flag and ngIf? Something like a self destroy?

Thanks

2 Answers

What I ended up doing is just removing the element with $element.remove() and then also destroying the scope with $scope.destroy().

Related