Javascript 如何使用AngularJS将WebAPI Getall结果绑定到Select选项
我正在尝试将我的WebAPI获取结果绑定到angular ng选项,但我在这方面有点困难,我非常感谢你们在这方面所做的任何贡献 这就是我到目前为止所做的 这是我的APIJavascript 如何使用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
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