Question

我有一个名为UserListComponent的组件，它拥有User数组。我希望可以从另一个组件访问此数组。

UserListComponent：

import { Component, OnInit } from '@angular/core';

import { User } from './user';
import { UserService } from './user.service';

@Component({
    selector: 'user-list',
    templateUrl: './app/user-list.component.html',
    styleUrls: ['./app/user-list.component.css']
})

export class UserListComponent implements OnInit {
    users: User[];
    followedUsers: User[] = new Array();

    constructor(
        private userService: UserService
    ) { }

    ngOnInit(): void {
    }
}

我的第二部分：

import { Component, OnInit, Input }    from '@angular/core';
import { HttpModule }   from '@angular/http';
import { User } from './user';
import { UserService } from './user.service';

@Component({
    selector: 'carto',
    templateUrl: './app/carto.component.html'
})
export class CartoComponent {

    title: string;

    constructor(
        private userService: UserService
    ) { }

    ngOnInit(): void {


    }
}

我希望“FollowUsers”属性可以在“CartoComponent”中访问这两个组件都在父组件中进行了安装：“ExploitationComponent”。

在HTML文件“exploit.component.html”中，我实现了我的2个组件：

        <div class="col-md-12">
            <user-list></user-list>
        </div>

        <div class="tab-pane fade active in" id="map-suivi">
            <carto></carto>
        </div>

我该怎么做？

Angular2共享数据

0 个答案: