Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/361.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 下拉列表未填充-角度JS_Javascript_Jquery_Angularjs - Fatal编程技术网

Javascript 下拉列表未填充-角度JS

Javascript 下拉列表未填充-角度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

我正在从数据库中列出一组数据,并在下拉列表中获取/显示。使用角度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
    {
        //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>