Javascript AngularJS+;C#:传递ID为的查询参数时,如何选择下拉列表值
我想就我面临的这项任务寻求一些帮助 目前我有一个带有下拉列表菜单的网页。 加载页面时,下拉列表由对GetMeetingList的web api调用填充。 然后,用户从下拉列表中选择一个值,单击一个按钮,有关所选会议(所选值)的详细信息将显示在下拉列表下方。此功能运行良好 我现在得改变一下。有时,用户可能通过单击链接来访问网页,此链接将包含meetingId值 我需要能够打开网页,显示带有在链接中传递的会议id值(查询字符串)的下拉列表,并在用户需要更改时提供所有其他值 到目前为止我掌握的代码 HTML下拉列表Javascript AngularJS+;C#:传递ID为的查询参数时,如何选择下拉列表值,javascript,angularjs,asp.net-web-api,drop-down-menu,Javascript,Angularjs,Asp.net Web Api,Drop Down Menu,我想就我面临的这项任务寻求一些帮助 目前我有一个带有下拉列表菜单的网页。 加载页面时,下拉列表由对GetMeetingList的web api调用填充。 然后,用户从下拉列表中选择一个值,单击一个按钮,有关所选会议(所选值)的详细信息将显示在下拉列表下方。此功能运行良好 我现在得改变一下。有时,用户可能通过单击链接来访问网页,此链接将包含meetingId值 我需要能够打开网页,显示带有在链接中传递的会议id值(查询字符串)的下拉列表,并在用户需要更改时提供所有其他值 到目前为止我掌握的代码 H
<div>
<label for="meeting-list">Meeting</label>
<select id="meeting-list" ng-model="selectedMeeting" ng-change="GetValue()">
<option ng-repeat="meeting in MeetingList" value="{{meeting.MeetingID}}">Meeting: {{meeting.MeetingName}}</option>
<option value="">--Select Meeting--</option>
</select>
</div>
我做了一些谷歌搜索,发现我需要包括服务:$routeParams
我将其添加到我的应用程序:
var app = angular.module('AdminApp', []);
app.controller('AdminController', ['$scope', '$http', '$window', '$location', '$routeParams',
function ($scope, $http, $window, $location, $routeParams) {
var pmeetingid = $routeParams.meetingid;
//get meeting list for drop-down menu
$http({
method: 'GET',
url: '/VirtualMeetings/CrossReference/Home/GetMeetingList',
data: pmeetingid != '' ? pmeetingid : {}
}).then(function (res) {
$scope.MeetingList = res.data.data;
});
....
...
..
也许我不需要修改c#代码,只是想知道如何使用html中的查询字符串参数来选择下拉菜单
如果有人能帮忙解决这个问题,那将是很大的帮助
多谢各位,
伊拉斯莫
[HttpGet]
public ActionResult GetMeetingList()
{
using (var context = new MeetingEntities())
{
var meetingList = context.vwGetMeetings.OrderBy(x => x.MeetingDate).ToList();
return Json(new { data = meetingList }, JsonRequestBehavior.AllowGet);
}
}
var app = angular.module('AdminApp', []);
app.controller('AdminController', ['$scope', '$http', '$window', '$location', '$routeParams',
function ($scope, $http, $window, $location, $routeParams) {
var pmeetingid = $routeParams.meetingid;
//get meeting list for drop-down menu
$http({
method: 'GET',
url: '/VirtualMeetings/CrossReference/Home/GetMeetingList',
data: pmeetingid != '' ? pmeetingid : {}
}).then(function (res) {
$scope.MeetingList = res.data.data;
});
....
...
..