AngularJS通过数据绑定传递范围

时间:2016-11-10 15:02:46

标签: angularjs scope components

修改 我正在寻找像this这样的东西。结合这篇文章的建议,我现在使用绑定结合表达式。

<my-component data="{{data}}">{{data}}</my-component>

是否可以通过数据绑定传递控制器范围?我的处理控制器应该得到这样的范围:

bindings: {
    scope: '<'
}

我想传递一个来自第一个控制器的数据的指令,这个信息应该显示在我的新组件中。 第一个控制器有数据,我想在模板中传递它:

<my-component>{{scope.data}}</my-component>

1 个答案:

答案 0 :(得分:1)

为什么要传递控制器的整个范围?

通常,您会通过以下内容将对象传递给第一个控制器中的组件:

bindings: {
        someVariable: '=' 
}

然后在控制器的html中调用组件:

<my-component some-variable="scope.someVariable"></my-component>

scope.someVariable将是属于第一个控制器的对象,现在您可以访问组件中的此数据