서비스와 지시문간에 데이터 전달

사용 사례는 간단하며 동영상 객체가 포함 된 movie.json이 있습니다. 다음으로는 중첩 된 영화 인 영화를 사용하여 이러한 객체를 표시하려고합니다. 제가 생각하기에 중재자이자 데이터 교환은 서비스로 만드는 것입니다.서비스와 지시문간에 데이터 전달

현재 문제는 데이터가 비동기 적으로로드되지만 지시문이 데이터 모델을 수신하지 않는다는 것입니다. @이 내-영화의 속성 값은 문자열로 평가되는 원인이되므로

코드는

scope: { data: "=myMovies"},

, 서비스에 대한 필요 : HTTP : // plnkr.co/edit/fZXCkg?p=preview –

사용 =을 볼 수 있습니다. 즉,

scope: { data: "@myMovies"},

속성 data는 값 movies을 얻을 것이다. =으로 개체를 가져옵니다.

부모 지침이 필요 할 필요가 없습니다 :

//require: '^movies',

을 movie 지침에서 지시가 도착하는 범위는 당신이 당신의 템플릿에 그것을 사용할 필요가 있으므로 재산 movie이, 정의가

template: 
    '<div>' + 
    '<h3>{{ movie.name }}</h3>' + 
    '<span>{{ movie.published }}</span>' + 
    '</div>'

이 작동 plunker

2013-06-20 21:34:59

답변