Soy un novato total a (Angular/Angular2, y tal vez yo estoy en demasiado profundo de agua…. pero estoy tratando de mostrar el resultado de una API Web de controlador usando angular…
Hasta ahora tengo:

de arranque.ts:

import {bootstrap} from 'angular2/platform/browser'
import {HTTP_PROVIDERS} from 'angular2/http'
import {AppComponent} from './app'

bootstrap(AppComponent, [HTTP_PROVIDERS]);

de la aplicación.ts:

import {Component} from 'angular2/core';
import {Http} from 'angular2/http';

@Component({
    selector: 'my-app',
    template: '{{title}}'
})
export class AppComponent {
    http: Http;
    public title;
    constructor(http: Http) {
        this.title = 'Loading list';
        this.http = http;
    }
}

index.html:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Angular 2 with ASP.NET 5</title>
    <link href="libs/css/bootstrap.css" />
    <!-- 1. Load libraries -->
    <script src="libs/es6-shim.min.js"></script>
    <script src="libs/system-polyfills.js"></script>
    <script src="libs/shims_for_IE.js"></script>
    <script src="libs/angular2-polyfills.js"></script>
    <script src="libs/system.js"></script>
    <script src="libs/rx.js"></script>
    <script src="libs/angular2.dev.js"></script>
    <script src="libs/http.dev.js"></script>
    <!-- 2. Configure SystemJS -->
    <script>
        System.config({
            packages: {
                appScripts: {
                    defaultExtension: 'js'
                }
            }
        });
    </script>
    <script>

       System.import('appScripts/boot')
            .then(null, console.error.bind(console));
    </script>

</head>
 <body>
<h2>Device list 1</h2>
<my-app>Loading...</my-app>
</body>
</html>

DeciveController.cs

[Route("[controller]")]    
public class DevicesController
{
    [HttpGet]
    public object Get()
    {
        return new[] { new { id= "1", name = "Raspberry 1" }, 
new {id="2", name = "Raspberry 2" }};
    }
}

pero no puedo averiguar cómo se llama al controlador….

Cualquier ayuda sería muy apreciada…

InformationsquelleAutor smolesen | 2016-03-26

1 Comentario

  1. 4

    Estoy mostrando sin necesidad de utilizar ningún servicio externo. más tarde, como se mueve, usted aprenderá lo que el servicio se encuentra en Angular2.

    import {Observable} from 'rxjs/Observable';
    import 'rxjs/Rx';
    
    export class AppComponent {
        http: Http;
        public title;
        constructor(http: Http) {
            this.title = 'Loading list';
            this.http = http;
            this.url='/api/Devices';
            this.http.get(this.url)
                                   .map(response => response.json())
                                   .subscribe((res) =>{
                                                         this.obj=res;                  
                                                         console.log(this.obj);                                   
                                                      },
                                    (err)=>console.log(err),
                                    ()=>console.log("Done")
                                    );
    
        }
    }
    
    • Justo lo que necesitaba para seguir adelante, gracias!
    • Usted es bienvenido @smolsen…
    • Lo que es esto.obj significa su no declarado (a)?

Dejar respuesta

Please enter your comment!
Please enter your name here