Click event of Typescript with angular not getting object value

Question

Getting issue with binding value while passing Event parameter from Template to Typescript Button click event.

See below object, its binding but it not reflecting same to the Typescript controller..

See here that value..

What it should be reason?

Code: Get Order template

<table class="table table-bordered">
    <tr>
        <td>ID  </td>
        <td>Name</td>
        <td>Price</td>
        <td>Action</td>
    </tr>
    <tr ng-repeat="order in vm.addNewOrderData track by $index">
        <td><label>{{order.orderID}}</label>  </td>
        <td><label>{{order.orderName}}</label> </td>
        <td><label>{{order.orderPrice}}</label> </td>
        <td><label> <a href="javascript:void(0);" ng-model="editobj" ng-click="vm.edit('{{order.orderID}}');">Edit</a></label> </td>
    </tr>
</table>

below is GetOrderController.ts

class GetOrderController {
    public vm: any;
    private scope: any;
    public addNewOrderData: any;
    public http: any;
    public location: any;
    constructor($http: any, $scope: any, $location:any) {
        this.scope = $scope;
        this.scope.vm = this;
        this.http = $http;
        this.location = $location;
        $http.get("/api/SampleApi/GetAllOrder").success(
            (data, status) => {
                if (data != "null") {
                    this.addNewOrderData = data;
                }
            }).error((data, status) => {
            this.addNewOrderData = data;
        });
    }

    edit = (id: any): void => {
        debugger;
        var order = { OrderID: id };
        this.http.get("/api/SampleApi/GetOrderById",id
            ).success(
            (data, status) => {
                if (data != "null") {
                    this.location.path('/saveOrder?id=' + order);
                }
                else {
                    alert("No order id found!");
                }

            }).error((data, status) => {

        });
    }
}

it would be nice if you could share some of the code causing this issue.. as code not as screenshots. :) — toskv
– toskv, Commented Dec 31, 2016 at 17:01
you can use SO's editor to insert and format code. :) looking at the pastebin though I don't see how you actually link the controller with the view. — toskv
– toskv, Commented Dec 31, 2016 at 17:22

Pankaj Parkar · Accepted Answer · 2016-12-31 17:47:19Z

1

ng-click shouldn't have {{}}(interpolation), do pass direct expression while will get evaluate.

Change

ng-click="vm.edit('{{order.orderID}}');"

to

ng-click="vm.edit(order.orderID);"

answered Dec 31, 2016 at 17:47

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

2 Comments

Abhishek B. Over a year ago

i tried. it was getting object in controller not value.

Abhishek B. Over a year ago

it worked now in the direct object without single quote.

Collectives™ on Stack Overflow

Click event of Typescript with angular not getting object value

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related