Javascript 值未获取-角度JS
我在angular js中创建了一个应用程序,用于在html表中动态打印某些值。该表基本上有六列,其中三列(工作名称、团队名称、地名)是静态固定的,最后三列(服务一、服务二、服务三)的显示取决于可见性和顺序 代码运行良好,但问题是因为我们无法预测三个服务的顺序也是可见性,在控制器脚本中有一个服务json,其中包含有关可见性和顺序的信息(这是通过rest调用获得的,目前我已经静态编码)并根据顺序和可见性打印表中的值。代码正在运行,但未编译值 我的代码如下 index.htmlJavascript 值未获取-角度JS,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我在angular js中创建了一个应用程序,用于在html表中动态打印某些值。该表基本上有六列,其中三列(工作名称、团队名称、地名)是静态固定的,最后三列(服务一、服务二、服务三)的显示取决于可见性和顺序 代码运行良好,但问题是因为我们无法预测三个服务的顺序也是可见性,在控制器脚本中有一个服务json,其中包含有关可见性和顺序的信息(这是通过rest调用获得的,目前我已经静态编码)并根据顺序和可见性打印表中的值。代码正在运行,但未编译值 我的代码如下 index.html <!doct
<!doctype html>
<html ng-app="form-example1">
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<div ng-controller="Controller">
<table border="1">
<thead>
<tr>
<th>Work Name</th>
<th>Team Name</th>
<th>Place Name</th>
<th ng-repeat="servopt in services|filter:{ display: 'block' }|orderBy:'order'">{{servopt.servicename}}</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="val in datas">
<td>{{val.workname}}</td>
<td>{{val.teamname}}</td>
<td>{{val.placename}}</td>
<td ng-repeat="servopt in services|filter:{ display: 'block' }|orderBy:'order'">{{servopt.serviceid}}</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
对于AngularJS,{和}}用于视图中的表达式计算 在javascript文件中,您不需要使用{{},因为您只是给对象属性赋值 正确的例子: 在控制器中
$scope.obj = {
test: '1234'
};
在视图中
<span>{{ obj.test }}</span>
{{obj.test}
对于AngularJS,{{和}}用于视图中的表达式求值
在javascript文件中,您不需要使用{{},因为您只是给对象属性赋值
正确的例子:
在控制器中
$scope.obj = {
test: '1234'
};
在视图中
<span>{{ obj.test }}</span>
{{obj.test}
从serviceid中删除{{}
:
$scope.services = [
{servicename: 'Service One', serviceid: 'serviceOne', display: 'block', order: 3},
{servicename: 'Service Two', serviceid: 'serviceTwo', display: 'none', order: 2},
{servicename: 'Service Three', serviceid: 'serviceThree', display: 'block', order: 1}
];
使用javascript括号表示法获取值:val[servopt.serviceid]
<tr ng-repeat="val in datas">
<td>{{val.workname}}</td>
<td>{{val.teamname}}</td>
<td>{{val.placename}}</td>
<td ng-repeat="servopt in services|filter:{ display: 'block' }|orderBy:'order'">{{val[servopt.serviceid]}}</td>
</tr>
{{val.workname}}
{{val.teamname}}
{{val.placename}}
{{val[servopt.serviceid]}
从serviceid中删除
{{}
:
$scope.services = [
{servicename: 'Service One', serviceid: 'serviceOne', display: 'block', order: 3},
{servicename: 'Service Two', serviceid: 'serviceTwo', display: 'none', order: 2},
{servicename: 'Service Three', serviceid: 'serviceThree', display: 'block', order: 1}
];
使用javascript括号表示法获取值:val[servopt.serviceid]
<tr ng-repeat="val in datas">
<td>{{val.workname}}</td>
<td>{{val.teamname}}</td>
<td>{{val.placename}}</td>
<td ng-repeat="servopt in services|filter:{ display: 'block' }|orderBy:'order'">{{val[servopt.serviceid]}}</td>
</tr>
{{val.workname}}
{{val.teamname}}
{{val.placename}}
{{val[servopt.serviceid]}