问题标签 [angularjs-select]

我是 AngularJS 的新手，我正试图以最优雅的方式解决一个问题。

我有来自服务器的列表，并在我的应用程序中用作select标记的来源。option让我们假设它是一个作者列表，如下所示：

我也有书籍模型，它来自并保存到服务器。书籍的属性之一是author用户可以从select下拉列表中选择。当书籍模型被保存或从服务器获取时，它的author字段表示为整数。以下是如何将书籍模型保存在服务器上以及获取时的外观示例：

book在我的应用程序中表示为 Angular $resource，因此每当我想保存 book 模型时，我只需将其称为 save 方法。

为了实现这个逻辑，我尝试使用selectwithng-options指令，如下所示：

但是这种方法的问题是，当我从下拉列表中选择作者时，author属性的值设置为，{ id: 2, name: 'Jack London' }但我需要它是作者的 ID。

这是一个说明我的问题的小提琴。尝试在下拉列表中选择不同的值。在下拉列表下方，您将看到 的更新值bookModel.author。我需要它是作者的 id 整数，而不是对象。因此，每当我在下拉菜单中选择Jack LondonbookModel.author时，我都需要to be的值，2而不是{ id: 2, name: 'Jack London' }。否则，每当书籍模型来自服务器时以及在保存之前，我都需要对数据进行操作。我想可能有更好的方法。也许这是可以通过ng-options指令实现的？

我试过这样做：

它有点接近，但这种方式bookModel.author的值将是一个字符串，而不是整数。

我也知道我可以为 book $resource 设置transformRequest和transformResponse函数，它将数据转换为适当的格式。但也许有更好的方法？

将不胜感激任何帮助！

因此，我需要完全更改基于选择一个下拉列表而出现的一组下拉列表。我相信 ngChange 是解决它的方法，但我不完全确定如何在两组 div 之间进行更改（或者这是否是最好的方法。

所以我有这个下拉列表：

如果选择是 X，我需要一组下拉菜单（包含在一行中），如果是其他选项，我需要一组完全不同的下拉菜单（包含在另一行中）。

以下是下拉菜单的外观：

单独的下拉菜单都出现在不同的行中。因此，如果他们选择 iPad，我需要出现一行，如果他们不选择 iPad，我需要出现一行。

我很想得到一些帮助。谢谢！

我无法让选择框显示一个选项已被选中，即使它看起来应该是。我有一个对象数组，每个对象都有一个属性，显示为真或假。

和 JavaScript：

这是小提琴

虽然 ng-model 用于选择框，并且 ng-selected 也用于选项中，但在某些情况下，时间 ng-selected 不起作用。

如果我将删除 ng-model 而不是 ng-selected 工作，但如果我将删除 ng-model 而不是我应该如何获取控制器中选择框的值。

请帮忙 ！

这是我的代码...

HTML：

AngularJS：

如何生成带有选项和默认选项标记为“已选择”的选择元素？

例如，我的选项数组：

和角度的html：

所以，我需要生成这样的东西：

我要使用ng-options.

谢谢

我想保存选定的值并弹出选定的值。但是当我添加 ng-change 指令时，选择停止运行。如果您删除 ng 更改，则会显示下拉列表。帮帮我。

这是我的html

这是我的 js 脚本

我是角度和互联网搜索的新手，仅适用于复杂的数组而不是简单的数组。请帮忙

对于我的一生，我无法弄清楚如何根据从服务返回的数据选择正确的选项。“游乐设施”返回得很好，并且 div 正在正确显示，但我<select>没有更新或显示正确的预定过滤方法（对于另一个选择进行排序也是如此）。自动过滤器发生在服务中，并在完成后简单地返回过滤器类型，以便能够更新 HTML 选择，以便向用户显示选择的过滤器方法。但 SELECT 只是显示一个未定义的选项。

服务中的控制台打印出“[]，未定义，未定义”，这告诉我在完全返回承诺之前正在执行。但是，一旦完全返回承诺， $scope.rides 就会被定义为 DIV 填充得很好，那么为什么 SELECT 没有将正确的值传递给它呢？

HTML：

控制器：

服务：

上面console.log，rides 最初返回 []，但是当 $q 完成后，我可以看到rides[] 被填充并且模板视图被更新（已经正确排序/过滤）。RideFilter 和rideSort 最初也在undefined同一个console.log 中返回，但即使在更新了游乐设施UI 之后，$scope.filter 和$scope.sort 仍保持空白。在第一次调用服务 Rides 时，每次都会发生这种情况......但是如果我从 UI 视图手动刷新 Rides，在 $q 甚至第二次启动所有承诺之前，我会看到 $scope.filter 和 $scope。排序填充 UIView-它告诉我值从第一次调用开始，现在它们从缓存中检索，因为第二次调用开始但在它完全更新/更改所有值之前..