AngularJS的ng-model不会从下拉菜单(ng-options)绑定选定的值,也无法重新加载页面

时间:2014-09-09 08:27:27

标签: javascript angularjs angular-ngmodel angularjs-ng-options

基本上,我有一个在localhost上运行的Web服务器,我想在AngularJS Web应用程序和我的服务器之间交换数据。我成功传输了数据,但正确显示是一个问题。

我制作了AngularJS application...

的简化plunkr版本

显然,您没有服务器端代码,但您不需要它。 正如在plunkr中所说,我有一个以上的问题:

  • 我无法使用$route.reload()重新加载页面,我也尝试使用$window.location.reload(true)$window.location.href = $window.location.href ...到目前为止没有任何工作
  • 此外,ng-options中的ng-model不绑定数据。如果我在调用sendData时输入调试器,则定义tempData但未定义selectedListItem(即使我从下拉菜单中选择了一个值)

任何建议都非常受欢迎,

感谢您的时间。

2 个答案:

答案 0 :(得分:1)

请参阅有关路由和视图的AngularJS教程:

https://docs.angularjs.org/tutorial/step_07

答案 1 :(得分:1)

关于你提到的3个问题:

1.Page重新加载不起作用

如果您未使用$route.reload()并且尚未配置任何路线,则无法使用ngRoute
(顺便说一句,添加ngRoute作为依赖项,而不包括相关的JS脚本会引发错误。)


2。 ngModel不会将数据绑定到selectedListItem

一旦你修正了其他错误,这似乎可以正常工作(参见下面的演示)。


3。无法将下拉菜单设置为默认值

一旦你修正了其他错误,这似乎可以正常工作(参见下面的演示)。


另请参阅此 short demo