2016-12-30 12 views
-2
$scope persons = [{"id":123, "name": "james", 
    "score": [{ 
     "mark": 60, 
     "grade": D 
    }] 
}] 

私は2 ng-repeatを持っています。ng-repeatの子要素から親プロパティを取得

<div ng-repeat="person in persons"> 
{{person.name}} 
<span ng-repeat="scoreObj in person.score"> 
<p ng-click="something(person.id)"></p> <!-- won't work --> 
{{person.id}} // work 
</span> 
</div> 

私はperson.idを子要素に取得しようとしましたが、それはうまくいかないでしょうか?

+2

する必要があり、私はこのコードをチェックして - https://でjsfiddleを。 net/maciejsikora/qcvgbkfy/ –

+2

これはすべきです。それを証明するplnkrがあります。 http://plnkr.co/edit/rPfMhFvdYGtewb3WQulG?p=preview – CozyAzure

+0

'json'の問題1.' D'は '' '(qoutes)の内側にくるはずです。2.' $ scope'の間に '.'(ドット)を追加します。 & 'persons' –

答えて

0

それは動作しますが、あなたのJSONは、それが機能している

$scope.persons = [{ 
    "id": 123, 
    "name": "james", 
    "score": [{ 
     "mark": 60, 
     "grade": 'D' 
    }] 
    }] 

DEMO

var testApp= angular.module('test',[]) 
 
angular.module('test').controller('testCtrl', function($scope) { 
 
    $scope.persons = [{ 
 
    "id": 123, 
 
    "name": "james", 
 
    "score": [{ 
 
     "mark": 60, 
 
     "grade": 'D' 
 
    }] 
 
    }] 
 

 

 

 
})
<!doctype html> 
 
<html> 
 

 
<head> 
 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script> 
 
    <script src="app.js"></script> 
 
    <script src="testCtrl.js"></script> 
 
</head> 
 

 
<body ng-app="test"> 
 
    <div ng-controller="testCtrl"> 
 
    <div ng-repeat="person in persons"> 
 
     {{person.name}} 
 
     <span ng-repeat="scoreObj in person.score"> 
 
      {{person.id}} 
 
      </span> 
 
    </div> 
 
    </div> 
 
</body> 
 

 
</html>

関連する問題