angular2 http request repeat many times
<p>today I use angular 2 to write a http request.I got the data in service,but I got <code>undefinded</code> in <code>component</code> .I don't know how to solve it,please give me some help.</p>

<p>service</p>

<pre><code>export class AdminStoreService {
    data:Object;

    constructor(http:Http) {
        this.http = http;
    }

  findAll() {
    return this.http
        .get('/data/admin.json')
        .map((res:Response) =&gt; {
            console.log(data); //can get the json data
            this.data = res.json();
        });
}
</code></pre>

<p>}</p>

<p>console.log(data)</p>

<p><a href="https://i.stack.imgur.com/ADCoe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ADCoe.png" alt="enter image description here"></a></p>

<p>console.log(res)
<a href="https://i.stack.imgur.com/kGZdN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kGZdN.png" alt="enter image description here"></a></p>

<p>component</p>

<pre><code>export class AdminComponent {
admins:Object;

constructor(adminStore:AdminStoreService) {
    this._adminStore = adminStore;
    this._adminStore.findAll().subscribe(data =&gt; this.admins = data);
   console.log(this.admins);   // undefined
}
</code></pre>

<p>}</p>

<p>template   can't get the data</p>

<pre><code>            &lt;section *ngIf="admins"&gt;
                &lt;tr *ngFor="let admin of admins" class="animated fadeInRight"&gt;
                    &lt;td&gt;{{admin.username}}&lt;/td&gt;
                    &lt;td class="alert"&gt;{{admin.authLevel}}&lt;/td&gt;
                    &lt;td&gt;{{admin.operator}}&lt;/td&gt;
                    &lt;td&gt;{{admin.created | dateFormat:'YYYY-MM-DD HH:mm:ss'}}&lt;/td&gt;
                    &lt;td&gt;{{admin.updated | dateFormat:'YYYY-MM-DD HH:mm:ss'}}&lt;/td&gt;
                &lt;/tr&gt;
            &lt;/section&gt;
</code></pre>