角度组件"绑定"有什么问题?参数?

时间:2016-07-29 18:18:30

标签: angularjs angular-components

我想要在页面中包含一个角度组件。 如果我在此组件中评论/删除绑定参数,一切正常...为什么?

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

})();

如果我想使用绑定参数,我会收到错误:

enter image description here

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

这意味着什么?

感谢。

1 个答案:

答案 0 :(得分:2)

嗯,由于无效的隔离范围

,错误即将发生

当声明隔离范围时,范围定义对象必须采用特定格式,该格式以模式字符(@& =<)开头,之后是可选的?,并以可选的结尾本地名称。

请在此处找到参考链接:https://docs.angularjs.org/error/ $ compile / iscp

另外,组件中有一些丢弃的指令属性。

  

限制(仅限于组件的元素)

请在此处找到组件的文档:https://docs.angularjs.org/guide/component

希望它可以帮到你!

干杯