Spring MVC-Angularjs : How do I bind object property

Question

I dont understand why I am getting this error when i try sumbit my form ,so I have an Invalid property ‘siteesTypeSite[idTypeSite]’ of bean class in my web application ,I have tried to find the solution, but still no luck.

org.springframework.beans.InvalidPropertyException: Invalid property ‘siteesTypeSite[idTypeSite]’ of bean class [model.Sites]:
Property referenced in indexed property path ‘siteesTypeSite[idTypeSite]’ is neither an array nor a List nor a Map; returned value was [2]

Is there something wrong with my mapping?

Sites.java mapping

public class Sites implements java.io.Serializable {
@Id
@GeneratedValue(strategy = GenerationType.AUTO)
private int id;

@JsonBackReference("site-typeSite")
@LazyCollection(LazyCollectionOption.FALSE)
@ManyToOne
@JoinColumn(name = “idTypeSite”) 
private TypeSites siteesTypeSite;
Getter/setters
}

TypeSites.java mapping :

public class TypeSites implements java.io.Serializable {
@Id
@GeneratedValue(strategy = GenerationType.AUTO)
@Column(name="idTypeSite")
private int idTypeSite;

private String typeSite;

@LazyCollection(LazyCollectionOption.FALSE)
@JsonManagedReference("site-typeSite")
@OneToMany(mappedBy = “siteesTypeSite”,fetch = FetchType.LAZY) 
// private Set<Sites> sitees= new HashSet<Sites>(0);
private List<Sites> sitees = new AutoPopulatingList<Sites>(Sites.class);
Getter/setters
}

controller class :

    @RequestMapping(method = RequestMethod.POST, produces = "application/json")
    public ResponseEntity<?> create(@ModelAttribute("site") @Valid Sites site,
                                    @ModelAttribute("typeSites")  TypeSites typeSites,
                                    @RequestParam(required = false) String searchFor,
                                    @RequestParam(required = false, 
                                    defaultValue = DEFAULT_PAGE_DISPLAYED_TO_USER) int page,
                                    Locale locale) {
//      TypeSites test=new TypeSites("test");
//      site.setSiteesTypeSite(typeSites);
//      Set type = new HashSet ();
//      type.add(typeSites);
        siteService.save(site);
        }

Angularjs code :

$scope.createObject = function (newObjectForm) {
if (!newObjectForm.$valid) {
$scope.displayValidationError = true;
return;
}
$scope.lastAction = ‘create';
var url = $scope.url;
var config = {headers: {‘Content-Type': ‘application/x-www-form-urlencoded; charset=UTF-8′}};
$scope.addSearchParametersIfNeeded(config, false);
$scope.startDialogAjaxRequest();
$scope.sites.siteesTypeSite =JSON.parse($scope.sites.siteesTypeSite);
$http.post(url, $.param($scope.sites), config)
.success(function (data) {
$scope.finishAjaxCallOnSuccess(data, “#addObjectsModal”, false);
})
.error(function(data, status, headers, config) {
$scope.handleErrorInDialogs(status);
});
};

JSP :

<select required 
ng-model=”sites.siteesTypeSite”
name=”siteesTypeSite”
>
<option ng-repeat=”typesites in page.source” value=”{{typesites}}” >{{typesites.typeSite}}</option>
</select>

and i have this before submit in browser :

Object {codeOracle: "test", codeGSM: "test", area: "test", siteesTypeSite: Object}
area: "test"
codeGSM: "test"
codeOracle: "test"
siteesTypeSite: Object
       idTypeSite: 2
       sitees: Array[0]
       typeSite: "Public"
       __proto__: Object
__proto__: Object

Edite 1 :

i was trying to use MAP like this , but the same error

@LazyCollection(LazyCollectionOption.FALSE)
    @JsonManagedReference("site-typeSite")
    @OneToMany(mappedBy="siteesTypeSite")
    @MapKey//(name="typeSite")
    public Map<Integer, Sites> getSitees() {
        return sitees;
    }

Edite 2 :

i have edite my siteType class like bellow , but i get the same error :

@Entity
@Table(name = "TypeSites")
@JsonIgnoreProperties({ "hibernateLazyInitializer", "handler" })
@JsonIdentityInfo(generator = ObjectIdGenerators.PropertyGenerator.class, property="idTypeSite")
public class TypeSites implements java.io.Serializable {

    private static final long       serialVersionUID = 1L;
    private int                     idTypeSite;
    private String                  typeSite;
    //private List<Sites>           sitees = new AutoPopulatingList<Sites>(Sites.class);;
    private Map<Integer, Sites>      sitees;

    @Id
    @GeneratedValue(strategy = GenerationType.AUTO)
    @Column(name="idTypeSite")
    public int getIdTypeSite() {
        return idTypeSite;
    }
    public void setIdTypeSite(int idTypeSite) {
        this.idTypeSite = idTypeSite;
    }

    @LazyCollection(LazyCollectionOption.FALSE)
    @JsonManagedReference("site-typeSite")
    @OneToMany(mappedBy = "siteesTypeSite", cascade = CascadeType.ALL,fetch = FetchType.LAZY)
    @MapKey(name="id")
    public Map<Integer, Sites> getSitees() {
        return sitees;
    }
    public void setSitees(Map<Integer, Sites> sitees) {
        this.sitees = sitees;
    }


@SuppressWarnings("unchecked")
    public TypeSites() {
        this.sitees = MapUtils.lazyMap(new HashMap<Integer,Object>(), new Factory() {

              public Object create() {
                  return LazyList.decorate(new ArrayList<Sites>(), 
                                 FactoryUtils.instantiateFactory(Sites.class));
              }

          });
    }