在Angular视图中下拉值
Dropdown holding of value in Angular view
我有一个独特的情况。我有一个名为caseStatus的下拉菜单(请参阅下面的代码),它实际上是在ng-repeat期间写入的,但它与包含Case status列表的模型绑定在一起。显然,在渲染页面后,页面上有多个这样的下拉列表。所有这些都很好。问题是法官可以改变案件的状态。我正在工作的一个功能,将处理,我相信它会工作。我的问题是如何做以下两件事(我怀疑这两件事可能都可以用一种方法解决):
-
确保每个下拉菜单在页面刷新或返回时保持其最后值
-
确保它加载到ng-repeat期间最后的位置。ng-repeat正在使用的模型中有一个字段具有Case Status的值。
下面是代码。这里有一个注释,说明哪个下拉菜单有问题:
<div ng-controller="CaseListCtrl">
<div class="row" ng-show="$parent.loggedin">
<div class="col-sm-12 calselectrow">
<div class="inner-addon left-addon">
<span class="glyphicon glyphicon-calendar calicon"></span>
<input type="text" id="calpick" ng-model="date" jdatepicker />
<i class="glyphicon glyphicon-calendar calclick"></i>
<a href="#" class="btn btn-primary flat-edge">>></a>
<span class="bluedept">Department:</span>
<select class="selectpicker deptpicker" id="deptSelect" selectpicker data-ng-model="department" ng-change="getCalendar();">
<option ng-repeat="department in departments">{{department.CourtRoom}}</option>
</select>
</div>
</div>
</div>
<div class="row" ng-show="$parent.loggedin">
<div>
<div class="col-sm-8 col-sm-offset-2 caselist" ng-model="cases" ng-repeat-start="case in cases | orderBy: ['sequence', 'AmPm', 'Sched_Time', 'Case_Number']">
<div class="sequence">
<input type=text class="seq-box" size="1" value="{{case.sequence}}" />
<!-- Add hidden field to hold the CalendarID value for updating the sequence later-->
<input type="hidden" name="CalendarID_{{case.Case_Number}}" value="{{case.CalendarID}}" />
</div>
<div class="casetitle">
<span class="caselink">{{case.Case_Number}}</span>
<a href="calendar" data-toggle="tooltip" data-placement="top" title="Calendar" class="btn btn-xs btn-danger calicon-view" tooltip>
<span class="glyphicon glyphicon-calendar"></span>
</a>
<a href="documents/{{case.Case_Number}}" data-toggle="tooltip" data-placement="top" title="Documents" class="btn btn-xs btn-danger calicon-view" tooltip>
<span class="glyphicon glyphicon-file"></span>
</a>
<a href="parties/{{case.Case_Number}}" data-toggle="tooltip" data-placement="top" title="Parties" class="btn btn-xs btn-danger calicon-view" tooltip>
<span class="glyphicon glyphicon-user"></span>
</a>
<select class="form-control" id="caseStatus" name="caseStatus" ng-model="caseStatus.statusID" ng-change="setStatus();" ng-options="castStatus.statusName for caseStatus in castStatus track by caseStatus.statusName" required></select><!-- This is the dropdown in question-->
{{case.Case_Title}}
</div>
</div>
<div class="col-sm-8 col-sm-offset-2 caselist-bottom">
<div class="col-sm-9 col-sm-offset-1">
<div class="hearing-time">{{case.Sched_Time}} {{case.AmPm}}</div>
<div class="hearing-title">{{case.Event}}</div>
</div>
</div>
<div ng-repeat-end></div>
</div>
</div>
</div>
我如何做到这一点?
您正在开发SPA(单页应用程序)吗?"页面被刷新或返回到"是什么意思?如果重新加载整个页面,则无法检索最后的值,因为控制器将重新初始化。你必须将值保存在某个地方,例如数据库或cookie,并从注入到控制器的服务中检索它们…
相关文章:
- 加载Angular视图后加载外部脚本
- 将数据从MVC控制器传递到Angular视图,而不在最终的html中显示数据值
- 为什么Angular视图中的数组表达式不起作用
- 如何在 Global.asax 中获取 Angular 视图的完整 URL
- 我的Angular视图没有用数据表单服务器更新
- 谷歌地图API在Angular视图中不起作用
- Angular视图在ng-click上没有正确更新
- 模型更改后,Angular视图不更新
- 如何在angular视图中显示返回的json
- 如何在angular视图中从文本中读取解析JSON
- Angular-视图未加载
- 在Angular视图中下拉值
- 当使用splice from指令时,Angular视图不会更新
- 在ngDialog中提交表单后,Angular视图不会在作用域改变时更新
- Angular视图没有加载,但控制器加载了
- 当模型改变时,Angular视图(DOM元素)没有更新
- 如果angular视图直接访问服务,这是一个好习惯吗?
- 在webform中作为局部的Angular视图模板
- Data-src标签在index.html中工作,但在angular视图中不起作用
- Angular视图没有加载