Angular 6 response 'string' from web api controller

Question

When I am making request to Web Api Controller

this.http.get("https://localhost:44354/api/home/5",{responseType: 'text' })
  .subscribe(result => { console.log(result); });

in console result I get

SyntaxError: Unexpected end of input↵
at AppComponent.push../src/app/app.component.ts.AppComponent.setTitle (http://localhost:4200/main.js:137:14)↵
at Object.eval [as handleEvent] (ng:///AppModule/AppComponent.ngfactory.js:13:27)↵
at handleEvent (http://localhost:4200/vendor.js:67178:41)↵
at callWithDebugContext (http://localhost:4200/vendor.js:68272:25)↵
at Object.debugHandleEvent [as handleEvent] (http://localhost:4200/vendor.js:67975:12)↵
at dispatchEvent (http://localhost:4200/vendor.js:64627:25)↵
at http://localhost:4200/vendor.js:65074:38↵
at HTMLButtonElement. (http://localhost:4200/vendor.js:74051:36)↵
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (http://localhost:4200/polyfills.js:2766:31)↵
at Object.onInvokeTask (http://localhost:4200/vendor.js:61652:33)

How to force Angular 6 recognize string?

Startup.cs

    public class Startup
    {
        public void ConfigureServices(IServiceCollection services)
        {
            services.AddMvc();
        }

        public void Configure(IApplicationBuilder app, IHostingEnvironment env)
        {
            app.UseCors(builder => builder.AllowAnyHeader().AllowAnyMethod().AllowAnyOrigin().AllowCredentials());
            app.UseMvc();
        }
    }

app.component.ts

import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {

  responsText: string;

  constructor(private http: HttpClient) {
  }

  setTitle(): void {
    this.http.get("https://localhost:44354/api/home/5",{responseType: 'text' })
      .subscribe(result => { console.log(result); });
    debugger;
  }
}

HomeController

[Route("api/[controller]")]
public class HomeController : Controller
{
    // GET api/<controller>/5
    [HttpGet("{id}")]
    public string Get(int id)
    {
        return "value";
    }
}

Why dont you created service to fetch the data from API its not good practice to call API in component itself! — Prashant Pimpale, Dec 23 '18 at 13:54
@PrashantPimpale If you read the StackTrace, you will see it's from a button — Camilo Terevinto, Dec 23 '18 at 14:05
Check this:https://stackoverflow.com/questions/50798592/angular-6-how-to-set-response-type-as-text-while-making-http-call — Prashant Pimpale, Dec 23 '18 at 14:09
As a sanity check, see if you can get a controller action that returns JSON to work. — Crowcoder, Dec 23 '18 at 14:16
could you get the right response by other way, like `postman`? — Jimmy Ho, Dec 23 '18 at 16:04
you have used `https` in API call from angular, try changing to `http`. — Sachin Gupta, Dec 23 '18 at 17:52
I tried you code and it works well.I do not see the `AppComponent.push` function which may cause this problem.Could you post that? — Ryan, Dec 24 '18 at 10:39

Angular 6 response 'string' from web api controller

0 Answers0