设置一个下拉填充到它's的值和文本在AngularJS和asp.net webApi中的编辑模式

setting a Drop down filled to it's value and text on edit mode in AngularJS and asp.net webApi

本文关键字：文本 AngularJS asp 编辑 模式 webApi net 一个 填充 设置      更新时间：2023-09-26

当用户编辑特定信息时，我想用正确的内容自动填充表单字段

这是Html内容

 //Html  content
   <select class="form-control" id="pcategory" ng-model="pcategory" ng-options="c.CID as c.Name for c in pcategoryA">
        <option value="">-- Select Category --</option>
    </select>
    <input type="text" class="form-control" id="name" ng-model="name" />
    <input type="text" class="form-control" id="price" ng-model="price" />
    <input type="text" class="form-control" id="quantity" ng-model="quantity" />

这是angularJS实现

// angularJS
         $http.get('/api/product/' + $routeParams.id).success(function (data)
        {
            $scope.pcategory = data.pcategory.CID , // is an object { "CID":1, "Name": "Solid""}
            $scope.name = data.name,
            $scope.price = data.price,
            $scope.quantity = data.quantity
        });

除下拉框外，所有字段都已设置有人能帮忙吗！

将音轨添加到ng选项

<select class="form-control" id="pcategory" ng-model="pcategory" ng-options="c as c.name for c in pcategoryA track by c.CID">
    <option value="">-- Select Category --</option>
</select>

我认为您需要将id的模型切换到完整对象（而不是ng选项中的c.CID）当设置$scope变量pcategory时，设置如下：

 $scope.pcategory = {
'CID': 4,
'name': 'name 4'

}；

我创建了一个代码笔来描述。http://codepen.io/mkl/pen/GZvmQE

相关文章：