Question

我有一个建立在MEAN堆栈上的网站，我有一个选择框，其中一些城市名称是从MongoDB中检索出来的。现在我使用Angular在我的HTML中显示这些名称，但现在我希望在加载页面时显示默认名称，这样至少会显示一些信息。我已经搜索了我可以使用的内容，并建议使用ng-init，但这对我不起作用。还有其他选择吗？

这是我的HTML：

vim

这是我的角度，它从DB中检索数据：

:r! seq -f 'Item \%.0f' 20

Answer 1

您可以使用ng-selected和||运算符，如果selectedItem有值，则会选中它，否则默认情况下会选择数组的第一个对象。

var app = angular.module("MyApp", []).controller("cityCtrl", function($scope) { 
 $scope.items = [{city: 'abc'}, {city: 'cde'}, {city: 'fgh'}];
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="MyApp" ng-controller="cityCtrl">
  <div class="container plumbers">
    <div class="searchbox">
       <div class="plumber-by-city col-sm-12" style="margin-bottom: 20px;">
       <div class="title-1">Zoek op plaatsnaam</div>
          <select ng-selected="selectedItem = selectedItem || items[0]" ng-model="selectedItem" ng-options="item as item.city for item in items"></select><span class="fa fa-caret-down"></span>
       </div>
       {{selectedItem}}
    </div>
  </div>
</div>

在页面刷新时获取默认选定项目

1 个答案: