Angular.js Uncaught SyntaxError: Неожиданное Токен:

Question

Я использую Angurlar.js назвать мой Web API, и я получаю сообщение об ошибке, как:

P01:1 Uncaught SyntaxError: Unexpected token : and in resources tab it is being shown that these braces should not be there {"ProductID1":"P01","ProductName1":"Pen","Quantity1":10,"Price1":12.0} kindly help me 

это мой угловой код:

var app = angular.module('store', []); 
    app.controller('StoreController', ['$http', '$scope', function ($http, $scope) { 

     $scope.display = function() { 

      // $http.get('http://localhost:17279/api/Product/GetProduct/' + $scope.pid).success(function (data) { 
      $http({ 
       method: 'jsonp', 
       url: 'http://localhost:17279/api/Product/GetProduct/' + $scope.pid, 
       params: { 
        format: 'jsonp', 
        json_callback: 'JSON_CALLBACK' 
       } 
      }).success(function (data) { 
       {{data}} 
      }); 
     } 
    }]); 

ниже код в мой контроллер WebAPI

List<Product> productList = new List<Product>{ 
      new  Product{ProductID1="P01",ProductName1="Pen",Quantity1=10,Price1=12}, 
      new Product{ProductID1="P02",ProductName1="Copy",Quantity1=12,Price1=20}, 
      new Product{ProductID1="P03",ProductName1="Pencil",Quantity1=15,Price1=22}, 
      new Product{ProductID1="P04",ProductName1="Eraser",Quantity1=20,Price1=27}, 
     }; 
    public List<Product> GetProductList() 
    { 
     return productList; 
    } 
    public IHttpActionResult GetProduct(string id) 
    { 
     var product = productList.FirstOrDefault(
      (p) => p.ProductID1 == id); 
     if(product == null) 
     { 
      return NotFound(); 
     } 
     return Ok(product); 
    } 

Помимо этого у меня есть класс модели продукта в WebAPI, который имеет 4 членов и их пр а именно: цена, количество, productID, название продукта

Answer 1

Удалите {{data}} в своем обратном вызове success. Это угловой способ привязки выражений для просмотра и не должен использоваться в вашем javascript-коде

$scope.display = function() { 
    $http({ 
     method: 'jsonp', 
     url: 'http://localhost:17279/api/Product/GetProduct/' + $scope.pid, 
     params: { 
      format: 'jsonp', 
      json_callback: 'JSON_CALLBACK' 
     } 
    }).then(function (data) { 
     $scope.data = data; 
    }); 
}