Javascript 如何使用AngularJS将WebAPI Getall结果绑定到Select选项

Javascript 如何使用AngularJS将WebAPI Getall结果绑定到Select选项,javascript,angularjs,asp.net-web-api,Javascript,Angularjs,Asp.net Web Api,我正在尝试将我的WebAPI获取结果绑定到angular ng选项,但我在这方面有点困难,我非常感谢你们在这方面所做的任何贡献 这就是我到目前为止所做的 这是我的API public IHttpActionResult Get() { try { var testcategories = _Service.GetTestCategories(); if (testcategories != n

我正在尝试将我的WebAPI获取结果绑定到angular ng选项,但我在这方面有点困难,我非常感谢你们在这方面所做的任何贡献

这就是我到目前为止所做的

这是我的API

        public IHttpActionResult Get()
    {
        try
        {
            var testcategories = _Service.GetTestCategories();
            if (testcategories != null)
            {
                return Ok(testcategories);
            }
            return NotFound();
        }
        catch (Exception ex)
        {
            return InternalServerError(ex);

        }
    }
现在这是我用来获取测试类别的角度控制器

vm.getTestCategories = function () {
        $scope._testCategories = TestCategory.query();
        console.log(_testCategories);
    };
这是我试图绑定的HTML

<div class="col-sm-9">

    <div class="input-group">
    <select name="TestCategory" class="form-control mb-10" id="TestCategory" ng-model="_test.TestCategory" ng-options="_testCategory.Id as _testCategory.Name for" on-blur-validation required><option ng-repeat="c in _categories._categories" value="{{c.Id}}">{{c.Name}}></option></select>

    <span class="input-group-btn">
    <button class="btn btn-info btn-rounded btn-ef btn-ef-5 btn-ef-5a mb-10" onclick="toggle()"><span>Add</span> <i class="fa fa-plus"></i> </button>
     </span>
     </div>

     <p class="help-block">
     <span ng-show="testForm.TestCategory.$invalid && !testForm.TestCategory.$pristine">Test Category is Required.</span>
      </p>

{{c.Name}}>
添加

测试类别是必需的。

然后,我尝试将它记录到控制台,正如您所看到的,它工作得很好。那么如何将其绑定到字体末尾的选择列表中呢


感谢您对这一点的意见。

您可以对
选择
元素使用标准角度语法

<select name="TestCategory" class="form-control mb-10" id="TestCategory" 
        ng-model="_test.TestCategory"  
        ng-options="_testCategory.Id as _testCategory.Name for _testCategory in _testCategories" on-blur-validation required>
</select>

其中
$scope.\u testCategories
您的类别数组。 然后,所选项目id将存储到ng模型表达式中(
$scope.\u test.TestCategory
,在提供的示例中)。如果要默认选择某个项目,请使用该元素的id设置
$scope.\u test.TestCategory