0

我正在尝试构建一个类似于phonecat 应用程序但略有不同的应用程序。而不是以两种方式排序的下拉菜单-（1）按字母顺序和（2）最新，而在我的应用程序中，我有不同的类别/品牌。而且我正在尝试通过 json 数据显示每个类别，但这并没有发生。

假设有联想、诺基亚、三星和 LG 4 个品牌。我有一个 json 文件手机，其中包含这 4 个品牌，每个品牌都有不同的手机型号作为 json 文件，其中包含产品链接和图片网址等详细信息。现在我在左边有一个导航栏，上面有这 4 个品牌。单击每个品牌时，仅应显示与该特定品牌相关的电话。使用下拉菜单效果很好，但我需要在导航栏中使用它。

当前工作代码：

<p>Segments:
        <select ng-model="searchText.id">
          <option value="">All</option>
          <option value="leNovo">Lenovo</option>
          <option value="noKia">Nokia</option>
          <option value="samSung">Samsung</option>
          <option value="lG">LG</option>
        </select> 
</p>

<!-- Body -->
<div class="col-md-10">
      <!--Body content-->

      <ul class="phones">
        <li ng-repeat="phone in $ctrl.phones | filter:searchText | orderBy:$ctrl.orderProp"
            class="thumbnail phone-list-item">
          <a href="#!/phones/{{phone.id}}" class="thumb">
            <img ng-src="{{phone.imageUrl}}" alt="{{phone.name}}" />
          </a>
          <a href="#!/phones/{{phone.id}}">{{phone.name}}</a>
          <p>{{phone.snippet}}</p>
        </li>
      </ul>

    </div>
4

0 回答 0