angularjs,重复一遍,不能在一定深度下工作
ng-Repeat not working at certain depth, angularjs
我有这种情况,我的ng-Repeat我可以工作到一定的水平,但任何更深的我找不到数组。
下面是我的代码和一个plunkr:
<div ng-repeat="row in data">
<label ng-repeat="key in keys">
{{row[key]}}
<input name="optradio" type="radio"/>
</label>
这个PLunker工作正常,但我想去到选项层只显示Option1和Option2。
http://plnkr.co/edit/xNVVFohA6DeU9nCgi7fQ?p =预览
options
是一个数组所以你只需要迭代它
var app = angular.module('app', ['ui.bootstrap']);
app.controller('Ctrl', ['$scope',
function($scope) {
$scope.data = [{
"property": "http://api.mydomain.co.uk/",
"type": "Selection",
"options": [{
"text": "Option 01",
"value": "http://api.mydomain.co.uk/O",
"type": "SelectionOption"
}, {
"text": "Option 02",
"value": "http://api.mydomain.co.uk/L",
"type": "SelectionOption"
}]
}];
$scope.keys = Object.keys($scope.data[0]);
}
]);
<!DOCTYPE html>
<html>
<head>
<link data-require="bootstrap-css@3.x" data-semver="3.2.0" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
<script data-require="angular.js@*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
<script data-require="ui-bootstrap@*" data-semver="0.10.0" src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.10.0.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-app="app" ng-controller="Ctrl">
<div ng-repeat="row in data">
<label ng-repeat="opt in row.options">
{{opt.text}}
<input name="optradio" type="radio" />
</label>
<br>
</div>
</body>
</html>
相关文章:
- AngularJS UI路由器不能像ng路由器那样工作
- HTML5音频加载和播放获胜'我不能在iPad上工作
- JS可以在Chrome中工作,但不能在Firefox中工作
- javascript扫雷器floodfill算法不能正常工作
- JavaScript指令不能像我想象的那样工作
- Facebook登录按钮没有'不能在Firefox上工作
- jQuery Datepicker可以在Safari中工作,但不能在FF或Chrome中工作
- javascript没有´我不能在joomla 3.0中工作
- 用javascript将script元素附加到头部;铬不能工作
- jQuery函数不能只在一个页面上工作
- 为什么这个代码不能正常工作
- 为什么jquery悬停在jsfiddle中可以工作,而在我的html布局中却不能
- 为什么我的JavaScript在Safari上的严格模式下不能正常工作
- 为什么Turbolinks不能正常工作?Rails应用程序
- jQuery dosn'内联函数不能按预期工作
- 为什么这个javascript工作不能正确地分配.cells[] ?
- 谷歌应用引擎云端点:OAuth2不工作.不能加载api
- 输入焦点不工作/不能选择单选按钮-引导
- LocalStorage不能在iPhone上工作-不能在私人浏览
- 工作不能代替生活