Javascript 下拉列表未填充-角度JS
我正在从数据库中列出一组数据,并在下拉列表中获取/显示。使用角度JS HomeController.csJavascript 下拉列表未填充-角度JS,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我正在从数据库中列出一组数据,并在下拉列表中获取/显示。使用角度JS HomeController.cs using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; namespace MCVMultiSelect.Controllers { public class HomeController : Controller
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace MCVMultiSelect.Controllers
{
public class HomeController : Controller
{
//Get view to show data in multiselect dropdown
public ActionResult Index()
{
return View();
}
//Action for fetch data from database for show in multiselect dropdown
public JsonResult getcategories()
{
using (LocalTestDBEntities dc = new LocalTestDBEntities())
{
return new JsonResult { Data = dc.Categories.ToList(), JsonRequestBehavior = JsonRequestBehavior.AllowGet };
}
}
//Action for post selected data
[HttpPost]
public JsonResult savedata(int[] categoryIds)
{
//To make the application simple I'm just sending back the selected categories from here
List<Category> list = new List<Category>();
if(categoryIds != null)
{
using(LocalTestDBEntities dc = new LocalTestDBEntities())
{
list = dc.Categories.Where(a => categoryIds.Contains(a.CategoryID)).ToList();
}
//do your additional work here
}
return new JsonResult { Data = list };
}
}
}
Index.cshtml(HTML)
@{
ViewBag.Title=“Index”;
}
角色经理
@*加载引导css*@
@*加载angularJS库和lodash js*@
@*加载我们的js(此处为“应用程序”)文件和angularjs下拉列表multiselect指令*@
@*CSS*@
.body内容{填充顶部:50px;}
.checkbox{填充:0;边距:0;}
.下拉菜单{溢出:自动!重要;}
.fore组{显示:内联块;右边距:10px}
@*HTML代码*@
角色:
@*指示*@
拯救
@*显示所选角色*@
选定角色
身份证件
角色
{{cat.CategoryID}
{{cat.CategoryName}
为什么它没有从数据库中获取信息?我就是这样用我的示例创建了一个select标记的:-
<select name="category" class="form-control" id="category2" ng-options="category as category.CategoryName for category in categories" ng-model="selectedItem3" ng-change="update()" required>
<option value="">Select Category</option>
</select>
选择类别
您可以对示例使用相同的方法这是我如何使用示例创建select标记的:-
<select name="category" class="form-control" id="category2" ng-options="category as category.CategoryName for category in categories" ng-model="selectedItem3" ng-change="update()" required>
<option value="">Select Category</option>
</select>
选择类别
您可以对示例使用相同的方法首先,将:
data:JSON.stringify(data)
更改为data:data
。确保正确加载AngularJS。首先,将:data:JSON.stringify(data)
更改为data:data
。确保AngularJS已正确加载。
<select name="category" class="form-control" id="category2" ng-options="category as category.CategoryName for category in categories" ng-model="selectedItem3" ng-change="update()" required>
<option value="">Select Category</option>
</select>