Getting Error in Angular js + Type Script in http put status 400 using DNN7

Question

I have implememnted a controller using angular js and type script using dot net nuke 7.and trying to call my web api method using http.put but getting error in status as 400. Here is my controller code:-

var customerapp = angular.module('CustomerSearch');
module CustomerSearch.controllers
{
    export class CustomerCtrl {
        static $inject = ['$scope', '$http', '$templateCache'];
        debugger;
        constructor(protected $scope: ICustomerScope,
            protected $http: ng.IHttpService,
            protected $templateCache: ng.ITemplateCacheService) {
            $scope.search = this.search;
            console.log(angular.element($scope).scope());
        }
        public search = (search: any) => {
            debugger;
           var Search = {
                ActId: search.txtAct,
                checkActiveOnly: search.checkActiveOnly,
                checkParentsOnly: search.checkParentsOnly,
                listCustomerType: search.listCustomerType
            };

            this.$scope.customer = [];
            this.$scope.ticket = [];
            this.$scope.services = [];


            this.$http.put('<%=ResolveUrl("~/API/Search/PutDoSearch")%>', Search).
                success((data, status, headers, config) => {
                debugger;
                this.$scope.cust_File = data[0].customers;
                this.$scope.ticket_file = data[0].tickets;
                this.$scope.service_file = data[0].services;
            }).
                error((data, status) => {
                debugger;
                console.log("Request Failed");
                alert(status);
                });

        }
    }
    var customerapp = angular.module("CustomerSearch", []);
    customerapp.controller('CustomerCtrl', CustomerSearch.controllers.CustomerCtrl);
}

I don't think <%=ResolveUrl("~/API/Search/PutDoSearch")%> can be used in typescript file. You should provide correct url. — Mikalai, Jun 02 '15 at 13:53

score 1 · Accepted Answer · answered Jun 02 '15 at 16:51

1

You should get rid of

this.$http.put('<%=ResolveUrl("~/API/Search/PutDoSearch")%>', Search)

And instead use:

this.$http.put("/API/Search/PutDoSearch", Search)

answered Jun 02 '15 at 16:51

Orel Eraki

11,940
3
28
36

score 1 · Answer 2 · answered Jun 03 '15 at 00:21

1

You need have the server parse <%=ResolveUrl("~/API/Search/PutDoSearch")%> for you.

One way you can do this put in a script tag e.g.

<script>
       var doSearchUrl = '<%=ResolveUrl("~/API/Search/PutDoSearch")%>';
</script>

Then within your typescript have

// At the root of your file
declare var doSearchUrl:string; 

// And later
this.$http.put(doSearchUrl, Search)

answered Jun 03 '15 at 00:21

basarat

261,912
58
460
511

hello barsat thanx for your time but where i have define these script on my view page or where, and about declaration as well i tried to do the same in my controller and declare it at last where i have defined my angular app but it gives me error of "Undefined" – Shian JA Jun 03 '15 at 11:16

Getting Error in Angular js + Type Script in http put status 400 using DNN7

2 Answers2