<!DOCTYPE html>
<html ng-app="plunker">
<head>
<script data-require="angular.js@1.2.21" data-semver="1.2.21" src="https://code.angularjs.org/1.2.21/angular.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-controller="MyCtrl">
<div ng-repeat="current in data">
<div ng-repeat="item in current.items">
{{ item.itemName }}
<input
type="radio"
ng-value="item"
ng-model="$parent.currentItem" />
</div>
<hr />
<div ng-show="currentItem">
<input type="text" ng-model="currentItem.itemName">
<div ng-repeat="current in data">
<ul>
<li ng-repeat="item in current.items" ng-show="item !== currentItem">{{ item.itemName }}</li>
</ul>
</div>
</div>
</div>
</body>
</html>
var app = angular.module('plunker', []);
app.controller('MyCtrl', function($scope){
$scope.data = [{
name:"myName",
age: "myAge",
items:[{
itemName:"someName1",
itemIsActive:false
},{
itemName:"someName2",
itemIsActive:false
},{
itemName:"someName3",
itemIsActive:false
}]
}]
});
/* Styles go here */
Select element to show from an JSON array in an ng-model
http://stackoverflow.com/q/25297500/1061668