Javascript 使用angular.js在循环中绑定html内容

我需要使用angular.js将一些html内容绑定到一个循环中

<table class="table table-bordered table-striped table-hover" id="dataTable">
<tr>
<td width="100" align="center">Time <i class="fa fa-long-arrow-right"></i><BR>Day <i class="fa fa-long-arrow-down"></i></td>
<td width="100" align="center" >9AM :: 10AM</td>
<td width="100" align="center">10AM :: 11AM</td>
<td width="100" align="center">11:15AM :: 12:15PM</td>
<td width="100" align="center">12:15PM :: 01:15PM</td>
<td width="100" align="center">02PM :: 03PM</td>
<td width="100" align="center">03PM :: 04PM</td>
<td width="100" align="center">04PM :: 05PM</td>
</tr>
<tbody id="detailsstockid">
<tr ng-repeat="days in noOfDays ">
<td width="100" align="center" style=" vertical-align:middle">{{days}}</td>
<td width="100" align="center" style="padding:0px;" >
<table style="margin:0px; padding:0px; width:100%">
<tr><td >
<select id="coy" name="coy" class="form-control" >
<option value="">Select Cource</option>
<option value="A">Theory1</option>
<option value="B">Theory2</option>
<option value="C">Theory3</option>
<option value="D">Theory4</option>      
</select>
</td></tr>
<tr><td>
<select id="coy" name="coy" class="form-control" >
<option value="">Select Faculty</option>
<option value="A">Faculty1</option>
<option value="B">Faculty2</option>
<option value="C">Faculty3</option>
<option value="D">Faculty4</option>         
</select>
</td>
</tr>
</td>
</table>
</td>
</tr>   
</tbody>
</table>

时间
天
上午9点至10点
上午10点至11点
上午11:15：：下午12:15
下午12:15：：01:15
下午2点：03点
03点：04点
下午四点至五点
{{days}
选择Cource
理论1
理论2
理论3
理论4
挑选教员
教员1
教员2
学院3
教员4

以下是我的控制器文件代码

$scope.noOfDays=[];
    $scope.days={'0': "Monday", '1' : 'Tuesday' , '2' :'Wednesday' , '3' : 'Thursday' , '4': 'Friday'}
    for(var i=0;i<5;i++){
        $scope.noOfDays.push($scope.days[i]);
    }

$scope.noOfDays=[]；
$scope.days={'0'：“星期一”，“1'：“星期二”，“2'：“星期三”，“3'：“星期四”，“4'：“星期五”}
对于（var i=0；iupdated）：您的json无效！请签入jsonlint


{{days}}

如果您在noOfDays范围内有数据，您将可以访问视图中的数据，正如我在下面提到的

我制作了一个代码片段。我将小时移动到一个列表（$scope.hours）中，并使用ng repeat来呈现它们。因此，您可以使用一个小时列表来填充行的每一列


var$scope={}；
var myApp=angular.module（'myApp'，[]）；
myApp.controller（'tableCtrl'，['$scope'，'，
职能（$范围）{
$scope.noOfDays=[]；
$scope.gridData={}；
$scope.days={
“0”：“星期一”，
‘1’：‘星期二’，
"2":"星期三",，
"3":"星期四",，
‘4’：‘星期五’
}
$scope.hours=[
“上午9点：上午10点”，
“上午10点：上午11点”，
“上午11:15：：下午12:15”，
“下午12:15:：01:15”，
“下午2点：下午3点”，
“03PM:：04PM”，
'04PM:：05PM'
]
对于（变量i=0；i<5；i++）{
$scope.noOfDays.push（$scope.days[i]）；
}
}])；

时间

一天
选择Cource
理论1
理论2
理论3
理论4
挑选教员
教员1
教员2
学院3
教员4
{{gridData}}
您发布的代码工作正常：当我在JSFIDLE中复制它时，您发布的代码工作正常：

也许您忘记在html中调用正确的控制器了

<div ng-app>
    <div ng-controller="MyCtrl">

更新

替换了JSFIDLE URL…
您能添加您尝试过的内容以及为什么不起作用吗？我尝试过的内容，我已经发布了。第1列中的天数即将到来。从第2列开始，这些选择值将添加到每列中。@JasperZelf:不，每列都没有更新。@satya:抱歉，我没有粘贴链接；）当我在JSFIDLE中重新创建代码时，它工作得很好。您确定已使用“ng控制器”或角度路由器添加控制器吗？请看下面我的回答@mohsen:它将如何绑定这些值。我需要在每列中显示这些选择标记代码。@satya这是您想要实现的吗？按照您的方式，我在一列中获取所有天数，并在另一列中选择课程/教员。但在这里，我需要在每列中显示选择课程/教员，而不是使用日期列尊重这些时间。@vinagreti:在这里，当我试图使用$scope.course和$scope.feculty获取所选课程和教员值时，其显示为空。请解决此问题。@satya我已编辑了答案以满足您的要求。查看范围变量
$scope.gridData={}
$routeProvider.
    when('/home', {
        templateUrl: 'home.html',
        controller: 'HomeCtrl'
    })