2016-10-10 4 views
0

내 ng-Repeat가 특정 레벨로 작동 할 수 있지만 더 깊은 곳에서는 배열을 찾을 수없는 상황입니다.ng-certin depth, angularjs에서 작동하지 않음

여기 아래 plunkr 또한 내 코드입니다 :

<div ng-repeat="row in data"> 
    <label ng-repeat="key in keys"> 
     {{row[key]}} 
     <input name="optradio" type="radio"/> 
    </label> 


이 PLunker이 작품을 좋아하지만, 난 그냥 옵션 1과 옵션 2를 표시하는 옵션 레이어 아래로 가고 싶어.

http://plnkr.co/edit/xNVVFohA6DeU9nCgi7fQ?p=preview

어떤 도움

은 기꺼이 수신됩니다.

감사

답변

0

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="[email protected]" data-semver="3.2.0" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" /> 
 
    <script data-require="[email protected]*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script> 
 
    <script data-require="[email protected]*" 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>

+0

아 어떻게 알고있을 때 반복해야 배열입니다. 참으로 많은 감사드립니다. – wwwredback

+0

@wwwredback 문제가없는 친구! 그것이 당신을 도운다면 대답으로 표시하는 것을 잊지 마십시오. – Weedoze