Javascript 如何使用angularjs为控件赋值

我有一个详细视图，从数据库中只有一条记录提交，我需要将数据分配给控件。下面是我的代码

  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");
            });
        });

下面是html代码

<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>

产品

品名

您应该使用指令

ngModel指令使用NgModelController将

输入

、

选择

、

文本区域

（或自定义表单控件）绑定到作用域上的属性，该属性由该指令创建和公开

ngModel是您想要的，请阅读

您希望通过

隐藏的
字段传递值，因此
ng model
在这种情况下不起作用，您可以在这种情况下使用
ng value

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



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