Question

在我的应用程序中，我有一个在多个页面上使用的小部件，并且在小部件上进行的选择将在页面之间传输。因此，如果我在主页上的小部件中选择一些内容并单击“继续”然后将我带到一个新页面，则应该预先填充小部件以在主页上进行选择。

我的小部件遵循以下格式（虽然不是简单的解释）：

<li ng-repeat="device in devices track by $index">
    <select name="model[{{$index}}]" ng-model="selectedManufacturer" ng-options"...">
    <select name="model[{{$index}}]" ng-model="selectedModel" ng-options"...">
</li>

重复语句中的ng-model的值包含小部件中需要可转移的关键数据。

设备数量也需要传输，但这很容易，因为devices只是一个数字数组，因此selectedModel.length -1将等于辅助页面上devices的值。

是否可以预先填充ng-models的值？

Answer 1

是的，您可以使用ng-init

预填充ng-model s（或任何范围变量）的值

Answer 2

如果您想预先填充ng-model中的值，这意味着您的下拉菜单中的默认值/初始值。这可以通过执行以下操作来实现： -

$scope.selectedManufacturer = listOfManufacturer[0];
$scope.selectedModel = listOfSelectedModel[0];

角度填充ng-repeat和ng-模型

2 个答案: