How to assign values to control using angularjs

Question

I have a detail view and from database only single record is comming, I need to assign data to controls. below is my code

  var app = angular.module("MyProductApp", []);
        app.controller("ProductsController", function ($scope, $http) {
            var ProductID = @Html.Raw(Json.Encode(ViewData["ProductID"]));
            $http.get('/api/Products/GetProductForEditOrDetail',{params: { ProductID : ProductID }}).
            success(function(data){
                $scope.Product = data;
            }).
            error(function(data){
                alert("msg");
            });
        });

and below is html code

<div ng-app="MyProductApp" class="form-horizontal">
    <div ng-controller="ProductsController">
        <h4>Product</h4>
        <hr />
        <div class="form-group" >
            <label class="control-label col-md-2">Product Name</label>
            <div class="col-md-10">

                <input id="txtProductName" type="text" class="form-control" name="txtProductName" disabled="disabled" Value="{{Product.ProductName}}" />
                <input id="hdnProductID" type="hidden" class="form-control" name="hdnProductID" value="{{Product.ProductID}}" />
                <input id="hdnCategoryID" type="hidden" class="form-control" name="hdnCategoryID" value="{{Product.CategoryID}}" />
            </div>
        </div>
</div>
</div>

Satpal · Accepted Answer · 2015-11-09 08:07:28Z

1

You should use ngModel directive

The ngModel directive binds an input,select, textarea (or custom form control) to a property on the scope using NgModelController, which is created and exposed by this directive.

<input ng-model="Product.ProductName" />

edited Nov 9, 2015 at 8:07

answered Nov 9, 2015 at 7:56

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

Comments

macrog · Accepted Answer · 2015-11-09 07:58:48Z

0

ngModel is what you are looking for, read the docs !

answered Nov 9, 2015 at 7:58

macrog

2,0951 gold badge23 silver badges30 bronze badges

Comments

Pankaj Parkar · Accepted Answer · 2015-11-09 08:00:16Z

0

You wanted to pass value with hidden fields, so ng-model would not work in that case, you could use ng-value in that case

<input id="hdnCategoryID" type="hidden" class="form-control" name="hdnCategoryID" ng-value="Product.CategoryID" />

answered Nov 9, 2015 at 8:00

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

Collectives™ on Stack Overflow

How to assign values to control using angularjs

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related