Angularjs 尝试使用ng repeat
我有以下数据要使用ng repeat:Angularjs 尝试使用ng repeat,angularjs,associative-array,ng-repeat,Angularjs,Associative Array,Ng Repeat,我有以下数据要使用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',doc
$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>
-
im获取的当前输出显示在以下链接中:
im获得的预期输出显示在以下链接中:
我做错什么了吗?已经做了一个半小时了 根据您的评论,我假设您对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>
$scope.documents=[
{补丁:'BARIJPUR',医生:['RAMA SENA','SMRITI IRANI','JAGDISH NAIR',]},
{补丁:'KIRI',医生:['ASHISH NAIK','SMRITI IRANI','SAIRAJ NAIK']],
{补丁:'JAMNAGAR',医生:['RATAN PANDEY','RAMAN SHIVOLKAR']}
];
-
您有两个问题:
数组定义
与其创建多个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重复
你用错地方了。它应该应用于
元素-基本上您希望重复该元素,而不是
演示{{doc.patch}
{{cell}}
试试这个{{doc.patch}
<div class="row" ng-repeat="doc in doctors">{{doc.patch}}
<div class="cell" ng-repeat="cell in doc.doctor">{{cell}}
</div>
</div>
{{cell}}
是的,这对我有用!完成!解决了 为什么JSON有多个相同的键?我不认为这是一个有效的对象,你能为我们创建一个吗?我对创建小提琴感到困惑!看我给的图片!预期输出和当前输出!我不知道我是否正确地定义了角JS关联数组…我已经添加了我的答案似乎补丁与您的层次结构中的医生处于同一级别。应该是补丁:{…,医生:{…}吗?通过这种方式,您可以轻松地在贴片上执行ng repeat,并在贴片内的医生上执行ng repeat。不,它们是同一对象上的两个不同(但相关)键-
patch
是。。。(实际上是IDK),而医生
是同一“补丁”的名称数组!但还是没有达到预期的效果!只显示补丁:BARIJPUR、KIRI、JAMNAGAR…没有填充子菜单…不知道为什么!应该是的!我觉得你给出的逻辑是正确的,但仍然是错误的!哇,太多了!那很有效!今天看到了解决方案!继续努力帮助evryone!哦,纳泽夫,我没有先注意到!
<div class="row" ng-repeat="doc in doctors">{{doc.patch}}
<div class="cell" ng-repeat="cell in doc.doctor">{{cell}}
</div>
</div>
<div class="row" ng-repeat="doc in doctors">{{doc.patch}}
<div class="cell" ng-repeat="cell in doc.doctor">{{cell}}
</div>
</div>