webapi call from angular js to controller is not working

Question

Just started trying out angular js. I have setup the standard asp.net mvc api controller:

public class ValuesController : ApiController
{
        // GET api/values
        public IEnumerable<string> Get()
        {
            return new string[] { "value1", "value2" };
        }
}

I am trying to get those values in my listbox:

<div ng-controller="myctrl">
        <select ng-model="selectedValue" ng-options="val for val in getData()">
            <option value="">Select</option>
        </select>
</div>

Using this script:

 var app = angular.module('app', []);
 app.controller('myctrl', function ($scope, $http) {
     $scope.getData = $http.get('/api/values').then(function (data) {
         return data;
     });
 });

When I run this it does not populate the listbox and jsfiddle:http://jsfiddle.net/dingen2010/t3eXj/

Chandermani · Accepted Answer · 2014-02-20 04:04:09Z

2

Promise unwrapping does not happen in AnuglarJS 1.2.x version. I believe your code should do something like

     $http.get('/api/values').then(function (data) {
         $scope.values=data;
     });

And in your html

        <select ng-model="selectedValue" ng-options="val for val in values">
            <option value="">Select</option>
        </select>

answered Feb 20, 2014 at 4:04

Chandermani

42.7k12 gold badges88 silver badges89 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

miqh · Accepted Answer · 2014-02-20 03:55:50Z

0

In your use case above, had you of chosen to chain your get call with the success method instead, then data would be what you expect it to be (i.e. the data returned by your API).

But, since you are using the then method, the argument fed to the callback is actually a promise object, and the data you want can be accessed using the data property.

 $scope.getData = $http.get('/api/values').then(function (promise) {
     return promise.data;
 });

answered Feb 20, 2014 at 3:55

miqh

3,6642 gold badges31 silver badges38 bronze badges

Collectives™ on Stack Overflow

webapi call from angular js to controller is not working

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related