尝试使用 ng-repeat

Question

我有以下数据要使用 ng repeat:

    $scope.doctors=[{patch:'BARIJPUR',doctor:'RAMA SENA',doctor:'SMRITI IRANI',doctor:'JAGDISH NAIR',
    patch:'KIRI',doctor:'ASHISH NAIK',doctor:'SMRITI IRANI',doctor:'SAIRAJ NAIK',
    patch:'JAMNAGAR',doctor:'RATAN PANDEY',doctor:'RAMAN SHIVOLKAR'
    }];

我正在尝试这样使用它：

    <div id='cssmenu' class="visible-xs" >
        <ul>
           <li class='active'><a href='#'><span>Doctors</span></a></li>
           <li class='has-sub' ><a href='#'><span ng-repeat="doc in doctors">{{doc.patch}}</span></a>
              <ul>
                 <li><a href='#'  ng-repeat="doc in doctors"><span>{{doc.doctor}}</span></a></li>
              </ul>
           </li>
        </ul>
    </div>

我得到的当前输出如下link： current output

我得到的预期输出如下所示link： expected output

我做错了什么吗？已经玩了1个半小时了！

Answer 1

根据您的评论，我认为您遇到了 JS 关联数组的问题，因此这里是一个实现示例：

$scope.doctors=[
   {patch:'BARIJPUR',doctors:['RAMA SENA' 'SMRITI IRANI', 'JAGDISH NAIR',]},
   {patch:'KIRI', doctors:['ASHISH NAIK', 'SMRITI IRANI', 'SAIRAJ NAIK']},
   {patch:'JAMNAGAR', doctors:['RATAN PANDEY', 'RAMAN SHIVOLKAR']}
];


<div id='cssmenu' class="visible-xs" >
    <ul>
       <li class='active'><a href='#'><span>Doctors</span></a></li>
       <li class='has-sub' ng-repeat="doc in doctors"><a href='#'><span>{{doc.patch}}</span></a>
          <ul>
             <li ng-repeat="doctor in doc.doctors"><a href='#'><span>{{doctor}}</span></a></li>
          </ul>
       </li>
    </ul>
</div>

Answer 2

你有两个问题：

数组定义

与其创建多个 doctor 个实体，不如创建一个实体数组：

$scope.doctors=
[
  {"patch":"BARIJPUR", "doctors":["RAMA SENA", "SMRITI IRANI","JAGDISH NAIR"]}, 
  {"patch":"Anna", "doctors":["ASHISH NAIK", "SMRITI IRANI", "SAIRAJ NAIK"]}, 
  {"patch":"Peter","doctors":["RATAN PANDEY", "RAMAN SHIVOLKAR"]}
];

`ng-repeat`

你用错地方了。它应该应用于 <li> 元素 - 基本上你想重复，而不是 <a> 或 <span>:

<div id='cssmenu'>
  <ul>
    <li class='active'><a href='#'><span>Doctors</span></a></li>
    <li ng-repeat="doc in doctors" class='has-sub'><a href='#'><span>{{doc.patch}}</span></a>
    <ul>
      <li ng-repeat="doc in doc.doctors"><a href='#'><span>{{doc}}</span></a></li>
    </ul>
  </li>
</ul>

演示 plnkr

Answer 3

<div class="row" ng-repeat="doc in doctors">{{doc.patch}}
    <div class="cell" ng-repeat="cell in doc.doctor">{{cell}}
    </div>
</div>

试试这个

Answer 4

   <div class="row" ng-repeat="doc in doctors">{{doc.patch}}
  <div class="cell" ng-repeat="cell in doc.doctor">{{cell}}
 </div>
    </div>

是的，这对我有用！完毕！解决了！

尝试使用 ng-repeat

trying to use ng-repeat

associative-array

angularjs

ng-repeat

数组定义

`ng-repeat`