AngularJS和orderBy来自以数组类型格式显示列表的解析数据

我正在帮助一位朋友用AngularJS构建他的应用程序，我们使用Parse.com作为后端。我已经连接了应用程序的一部分，使用REST从解析中提取，这样我们就可以在“查找代理”页面上显示他们的代理。它工作得很好，但是当按字母顺序排列下拉列表时，项目会以数组格式显示每个字母。这很难真正解释，但我包括一个截图和一个链接。以下是链接和屏幕截图：

一些非常奇怪的行为。当我从JSON文件中提取代理列表时，它显示正确，但从解析中，它就是这样做的

这是我的密码：

我的控制器（仅功能）：

我有一个工厂设置，并用我的解析信息命名为Broker。仅供参考

这是我的html：

<div class="row">
    <div class="col-md-12">
        <h1>Broker Directory</h1>
    </div>
</div>
<div class="row">
    <div class="col-md-6">
        <p class="orange">
            <strong>Choose a Broker by State</strong>
            <label>
                <select ng-model="searchFeature">
                    <option ng-repeat="broker in items"  ng-selected="broker.MarketArea == searchFeature" value="{{broker.MarketArea}}">{{broker.MarketArea | orderBy:'MarketArea'}}
                    </option>
                </select>
            </label>
        </p>
    </div>
    <div class="col-md-6">
        <p class="orange">
            <strong>Name &amp; Location of Broker</strong>
        </p>
    </div>
</div>
<div class="row">
    <div class="col-md-6">
        <div class="col-img-page-2 broker"></div>
    </div>
    <div class="col-md-6">
        <div ng-repeat="broker in items | filter:searchFeature" ng-hide="broker.BrokerNum =='000'">
            <p>
                <strong>Market Area:</strong> {{ broker.MarketArea }}<br/>
                {{ broker.BrokerName }}<br/>
                {{ broker.ContactName }}<br/>
                Phone:
                {{ broker.PhoneNum }}<br/>
                Email:
                <a href="mailto:{{ broker.EmailAddress }}">{{ broker.EmailAddress }}</a><br/>
                Web:
                <a href="{{ broker.WebAddress }}">{{ broker.WebAddress }}</a>
            </p>
        </div>
    </div>
</div>

代理目录

按州选择经纪人
{{broker.MarketArea}订购人：'MarketArea'}


Name&；经纪人所在地


市场区域：{{broker.MarketArea}}

{{broker.BrokerName}}

{{broker.ContactName}}

电话：
{{broker.PhoneNum}}

电邮：


网状物：

---

我还在开发我的角形排骨，所以如果有人能帮我解决这个问题，我将非常感激。谢谢。

您需要将筛选器设置为ng repeat，而不是在显示时，例如

<option ng-repeat="broker in items | orderBy:'MarketArea'" 
     ng-selected="broker.MarketArea == searchFeature" 
     ng-value="broker.MarketArea">{{broker.MarketArea}} </select>

{{broker.MarketArea}

您显然是在字符串上循环？如果我没有对列表排序，它会正确显示。你知道我能做什么吗？谢谢。在ng repeat上使用

| orderBy:'MarketArea'

而不是选项文本{{{}我觉得自己像个白痴……太棒了！！非常感谢。

<option ng-repeat="broker in items | orderBy:'MarketArea'" 
     ng-selected="broker.MarketArea == searchFeature" 
     ng-value="broker.MarketArea">{{broker.MarketArea}} </select>