2016-07-29 20 views
0

Ich habe eine eckige Komponente, die ich in meine Seite aufnehmen möchte. alles funktioniert, wenn ich Bindings Parameter in dieser Komponente kommentieren/entfernen ... Warum?Was stimmt nicht mit dem Winkelkomponenten-Parameter "Bindungen"?

(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'; 
     } 
    }); 

})(); 

Wenn ich Bindung Parameter verwenden möchten, bekomme ich einen Fehler:

enter image description here

, zu denen Links: https://docs.angularjs.org/error/ $ kompilieren/ISCP p0 = detailsComponent1 & p1 = Wert & p2 = Component1 & p3 = Controller% 20bindungen% 20definition

Was bedeutet es ??

Danke.

+0

So? Die Vorlage kommt von MVC Anruf, es hat nichts mit der Frage zu tun. Ich sagte, alles funktioniert, wenn ich Bindings entferne ... – monstro

+0

remove 'restrict: 'E',' auch. Der Fehler liegt an 'value:" Component1 "' mache es wie 'value: @ Component1' oder' value: = Component1' – varit05

Antwort

2

Nun, der Fehler wegen Umfang ungültig Isolate

Bei der Deklaration isolieren Umfang der Umfang Definition Objekt in bestimmten Format sein muß, die mit Modus Zeichen beginnt kommt (@ & = <), wonach kommt ein optionales?, und es endet mit einem optionalen lokalen Namen.

Sie finden den Referenz Link hier: https://docs.angularjs.org/error/ $ kompilieren/ISCP

Plus Sie haben einige verworfen Richtlinie Eigenschaft innerhalb Komponente.

restrict (restricted to elements for component)

finden Sie Dokumentation für die Komponente hier: https://docs.angularjs.org/guide/component

Hoffe, dass es Ihnen hilft!

Prost