What is wrong with angular component "bindings" parameter?

Question

I have an angular component that I want to include in my page. everything works if I comment/remove bindings parameter in this component... Why?

(function () {

    angular.module('app').component('detailsComponent1', {
        templateUrl: '/RealSuiteApps/RealForm/-1/Details/Component1',
        restrict: 'E',
        bindings: {
            value: "Component1"
        },
        controllerAs: 'cm',
        controller: function () {
            this.message = 'Hello from component1';
        }
    });

})();

If I want to use binding parameter, I get an error:

that links to: https://docs.angularjs.org/error/$compile/iscp?p0=detailsComponent1&p1=value&p2=Component1&p3=controller%20bindings%20definition

What does it mean ??

Thanks.

So? The template comes from MVC call, it has nothing to do with the question. I said, everything works if I remove bindings... — Slava
– Slava, Commented Jul 29, 2016 at 18:26
remove restrict: 'E', as well. Error is because of value: "Component1" make it like value: @Component1 or value: =Component1 — Varit J Patel
– Varit J Patel, Commented Jul 29, 2016 at 18:27

Varit J Patel · Accepted Answer · 2016-07-29 18:31:42Z

2

Well, The error is coming because of Invalid Isolate scope

When declaring isolate scope the scope definition object must be in specific format which starts with mode character (@&=<), after which comes an optional ?, and it ends with an optional local name.

Please find the reference link here: https://docs.angularjs.org/error/$compile/iscp

Plus, you have some discarded directive property inside component.

restrict (restricted to elements for component)

Please find documentation for component here: https://docs.angularjs.org/guide/component

Hope it helps you!

Cheers

answered Jul 29, 2016 at 18:31

Varit J Patel

3,5201 gold badge15 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

What is wrong with angular component "bindings" parameter?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related