javascript - AngularJS 的 ng-model 不绑定(bind)下拉菜单中的选定值(ng-options)，也无法重新加载页面

Question

基本上，我有一个在本地主机上运行的网络服务器，我想在我的 AngularJS 网络应用程序和我的服务器之间交换数据。我成功传输了数据，但无法正确显示它。

我已经为我的 AngularJS application... 制作了一个简化的 plunkr 版本

显然，您没有服务器端代码，但您也不需要它。正如 plunkr 中所说，我有不止一个问题:

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

非常欢迎任何建议，

感谢您的宝贵时间。

Answer 1

关于您提到的3个问题:

1.页面重新加载不工作

如果您没有使用 ngRoute 并且您还没有配置任何路由，则不能使用 $route.reload()。
(顺便说一句，添加 ngRoute 作为依赖项，但不包含相关的 JS 脚本会引发错误。)

---

2。 ngModel 没有将数据绑定(bind)到 selectedListItem

一旦您修复了其他错误，这似乎会按预期工作(请参见下面的演示)。

---

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

一旦您修复了其他错误，这似乎会按预期工作(请参见下面的演示)。

---

另请参阅此 short demo .