범위에서 한 개체의 데이터를 사용하는 방법은 무엇입니까?

피터 붐 스마

라는 주가 home.test있습니다. 이 상태에서 템플릿 _movie-info.html을 뷰에 삽입합니다 .

.state('home.test',{
  params: {
    value: null
  },
  url: '',
  views: {
    "test":{
      templateUrl: '../assets/angular-app/templates/_movie-info.html',
      controller: function($scope, $stateParams, $state) {
        $scope.movie = $stateParams.value
        console.log ($scope.movie)
      }
    }
  }
})

$scope.movie뷰 컨트롤러에서 호출되는 범위를 만들고 ui-sref작업 에서 전달 된 값을 삽입합니다 . home.test상태에 들어가면 콘솔 로그에 표시됩니다.

{"id":7,"title":"Batman v Superman: Dawn of Justice","release_date":"2016-03-24","image":"/eJrlh2g9UGAd7R6mQAOQIIs329H.jpg","user_id":null,"created_at":"2015-12-07T15:17:47.287Z","updated_at":"2015-12-07T15:17:47.287Z","movie_id":"209112","imdb_rating":"N/A","backdrop":"/4YxoxVGu93ta0H4u0B98niGIUAu.jpg"}

그러나 데이터를 사용하려고하면 작동하지 않습니다. 나는 value개체를 가져 와서 삽입하기 때문 $scope.movie입니까?

movie title: {{ movie.title }}

내 스코프에 대한 모델을 이렇게 만들면

$scope.movie = {title: 'something cool'}

다음과 같이 표시되는 콘솔 로그,

Object {title: "something cool"}

그리고 {{ movie.title }}작품.

* 편집하다 *

문제는 $stateParams데이터를 반환하는 방법이라고 생각합니다 . 내가 사용 $stateParams.value하면 문자열을 반환합니다. 그냥 사용 $scope.movie = $stateParams하면 객체가 반환되지만 이상해 보입니다.

Object{
  value: "{"id":7,"title":"Batman v Superman: Dawn of Justic…A","backdrop":"/4YxoxVGu93ta0H4u0B98niGIUAu.jpg"}"
}
value: "{"id":7,"title":"Batman v Superman: Dawn of Justice","release_date":"2016-03-24","image":"/eJrlh2g9UGAd7R6mQAOQIIs329H.jpg","user_id":null,"created_at":"2015-12-07T15:17:47.287Z","updated_at":"2015-12-07T15:17:47.287Z","movie_id":"209112","imdb_rating":"N/A","backdrop":"/4YxoxVGu93ta0H4u0B98niGIUAu.jpg"}"
마이클 로즈

편집에서 이미 눈치 채셨 듯이-데이터 $stateParams.value는 유형입니다 string-컨트롤러의 코드를 다음과 같이 변경하십시오.

$scope.movie = JSON.parse($stateParams.value);

콘솔 출력에 'Object'도 표시되는지 확인합니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

Excel Javascript API에서 선택한 범위의 데이터를 가져오는 방법은 무엇입니까?

한 페이지에 두 개의 범위 슬라이더를 사용하는 방법은 무엇입니까?

한 개체의 데이터를 원래 개체에서 상속하는 다른 유형의 다른 개체에 할당하는 방법은 무엇입니까?

UPDATE 쿼리에서 동일한 테이블의 데이터를 사용하는 방법은 무엇입니까?

한 번에 두 개의 java.io.OutputStream 객체에 데이터를 쓰는 방법은 무엇입니까?

Solr의 다른 필드에서 한 필드의 데이터를 사용하는 방법은 무엇입니까?

한 함수의 데이터를 다른 함수에서 사용하는 방법은 무엇입니까?

현재 공개적으로 사용 가능한 블록 체인에 일부 데이터의 해시를 저장하는 방법은 무엇입니까?

Excel (2013)에서 명명 된 범위를 사용할 때 전체 범위를 표시하지만 한 셀을 오프셋하는 방법은 무엇입니까?

Highcharts를 사용하여 데이터의 두 번째 인덱스에 대한 범위 (dataClasses)를 가리키는 방법은 무엇입니까?

codeigniter에서 동일한 데이터를 사용하여 데이터베이스의 데이터를 "A"뷰와 "B"로 보는 방법은 무엇입니까?

Lombok 부울 개체 필드에 대한 getter를 사용자 정의하는 방법은 무엇입니까?

SWIFT를 사용한 핵심 데이터 : 관계 엔터티에서 개체를 삭제하는 방법은 무엇입니까?

업데이트 메서드를 위해 양식 개체에서 엔터티로 데이터를 전송하는 더 깨끗한 방법은 무엇입니까?

한 페이지에 3개의 개별 필터를 사용하는 방법은 무엇입니까?

PHP의 중첩 함수를 사용하여 선택한 범주에서 하위 범주를 선택하는 방법은 무엇입니까?

MySQL - 두 개의 mysql 테이블에서 유사한 데이터를 찾는 방법은 무엇입니까?

동일한 데이터를 사용하는 여러 변수에서 변수의 데이터 변경을 제한하는 방법은 무엇입니까?

Angular 9 사용자가 지정한 인덱스 범위가있는 배열 내부의 개체 범위를 삭제하는 방법은 무엇입니까?

사전에서 값 범위를 제한하는 방법은 무엇입니까?

listView에 대한 2개의 하위 레이어가 있는 Firebase 실시간 데이터에서 데이터를 검색하는 방법은 무엇입니까?

범위 개체에서 # N / A를 제거하는 방법은 무엇입니까?

junit 5 단위 테스트에서 @Autowired에 대한 개체를 모의하는 방법은 무엇입니까?

Rust에서 일반 정수 유형의 무한 범위를 정의하는 방법은 무엇입니까?

TParallel. & For 루프에서 스레드로부터 안전한 객체의 데이터와 메서드를 사용하는 방법은 무엇입니까?

정규식을 사용하여 두 개의 유사한 HTML 클래스 요소에서 데이터를 추출하는 방법은 무엇입니까?

Angular-한 번의 요청으로 데이터를 구독하고 하위 구성 요소에서 사용하는 방법은 무엇입니까?

Bash에서 사용 가능한 도구를 사용하여 범위의 모든 날짜 목록을 생성하는 방법은 무엇입니까?

한 번에 두 위치에서 foreach 데이터를 사용하는 방법은 무엇입니까?

TOP 리스트

  1. 1

    JNDI를 사용하여 Spring Boot에서 다중 데이터 소스 구성

  2. 2

    std :: regex의 일관성없는 동작

  3. 3

    JSoup javax.net.ssl.SSLHandshakeException : <url>과 일치하는 주체 대체 DNS 이름이 없습니다.

  4. 4

    PrematureCloseException : 연결이 너무 일찍 닫혔습니다.

  5. 5

    Xcode10 유효성 검사 : 이미지에 투명성이 없지만 여전히 수락되지 않습니까?

  6. 6

    정점 셰이더에서 카메라에서 개체까지의 XY 거리

  7. 7

    Ionic 2 로더가 적시에 표시되지 않음

  8. 8

    Seaborn에서 축 제목 숨기기

  9. 9

    C #에서 'System.DBNull'형식의 개체를 'System.String'형식으로 캐스팅 할 수 없습니다.

  10. 10

    복사 / 붙여 넣기 비활성화

  11. 11

    ArrayBufferLike의 typescript 정의의 깊은 의미

  12. 12

    Google Play Console에서 '예기치 않은 오류가 발생했습니다. 나중에 다시 시도해주세요. (7100000)'오류를 수정하는 방법은 무엇입니까?

  13. 13

    Kubernetes Horizontal Pod Autoscaler (HPA) 테스트

  14. 14

    jfreecharts에서 x 및 y 축 선을 조정하는 방법

  15. 15

    PRNG 기간보다 순열이 더 많은 목록을 무작위로 섞는 방법은 무엇입니까?

  16. 16

    C # HttpWebRequest 기본 연결이 닫혔습니다. 전송시 예기치 않은 오류가 발생했습니다.

  17. 17

    다음 컨트롤이 추가되었지만 사용할 수 없습니다.

  18. 18

    잘못된 구성 개체입니다. Webpack이 Angular의 API 스키마와 일치하지 않는 구성 개체를 사용하여 초기화되었습니다.

  19. 19

    Android Kotlin은 다른 활동에서 함수를 호출합니다.

  20. 20

    R의 마침표와 숫자 사이에 문자열 삽입

  21. 21

    Assets의 BitmapFactory.decodeStream이 Android 7에서 null을 반환합니다.

뜨겁다태그

보관