javascript - 想要设置数据表单服务并将其分配给 angularjs 中的下拉列表

Question

抱歉提出愚蠢的问题，但我是 AngularJS 的新手。

• 我有一项服务可以将数据提取到 AngularJS 中的 HTML 页面 (login.html)。
• 我有 login.html 页面，加载时将包含此数据。
• 在服务中我有 3 个元素(城市名称)，它们将传递给 login.html。
• 在 Controller 中，我分配了类似 $scope.city=data 的数据。
• 我只想迭代数据，使其出现在 login.html 的城市下拉列表中。

下面是我的代码片段:

<div>
    <select ng-model="city" class="dropdown btn btn-sm-3 column col-sm-8 btn-primary dropdown-toggle" required>
        <option>Select City</option>
        <div ng-repeat="n in city"> 
            <option> {{city}}</option>
        </div>              
        </div>
    </select>
</div>

请帮助我。提前谢谢你。

Answer 1

您正试图通过错误的方法实现它。

看看这个

$scope.city = {
    {id: '000001', title: 'Chicago'},
    {id: '000002', title: 'New York'},
    {id: '000003', title: 'Washington'},
}
<div>
    <select ng-model="city" class="dropdown btn btn-sm-3 column col-sm-8 btn-primary dropdown-toggle" required>
        <option>Select City</option>
        <option ng-repeat="n in city"> {{n.name}}</option>
    </select>
</div>

但在我看来你应该像下面那样做

<select ng-model="city" ng-options="item.id as item.title for item in city"></select>