2016-06-13 3 views
0

저는 앵글 j에서 새로운 작업을하고 있습니다. 가끔은 파이어 폭스에서 데이터를로드하는 동안 변수 이름을 표시하고 몇 섹션 후에는 해당 변수의 내용을 적절한 방식으로 보여줍니다. 이 데이터를 어떻게로드 할 수 있습니까? 또는 데이터로드를 위해 로더를 적용 할 수 있습니까? 아래 스크린 샷에서 볼 수 있습니다.각도에서 데이터를로드하는 방법은 무엇입니까?

enter image description here

어떤 잠시 후, 그것은 적절한 내용을 enter image description here

+4

빠른 수정처럼 사용합니다. anglejs에 의해 파싱되고 채워질 때까지이 각도 식을 숨 깁니다. – Yogesh

+0

이것은 여러 번이 대답을 확인하도록 요청되었습니다. http://stackoverflow.com/questions/23453396/is-there-a-different-way-to-hide-a-scope-variable-from-showing-while-angularjs -i – Efx

+0

DOM의 보이는 부분에 평가 식을 사용하지 마십시오. 이것은 다른 쪽을 대신하여 매우 좋은 점입니다. – Vitalii

답변

1

사용 NG-망토를 보여줍니다. 그것은 그런 식으로 진행됩니다

CSS :

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { 
    display: none !important; 
} 

HTML :

<body ng-cloak> ... </body> 

가 작동하지만이 온 몸을 숨 깁니다. https://docs.angularjs.org/api/ng/directive/ngCloak :

Directive는 소자에 적용 할 수 있지만, 바람직한 사용량은 브라우저 뷰 프로그레시브 렌더링을 허용하는 페이지의 작은 부분에 여러 ngCloak 지시자를 적용하는 것이다.

은 그래서 특정 요소에 ng-cloak을 적용하는 것이 좋습니다 :

<div ng-cloak> ... </div> 
<div ng-cloak> ... </div> 

Here 잘로드 정보를 추가하는 방법을 설명합니다.

+0

이 방법은 모든 페이지에로드되는 로더를 적용 할 수 있습니까? –

+0

index.html에서' ...'을 사용해 보셨습니까? –

+0

내가 시도했지만 내용을로드하는 데 나쁜 형식이므로 첫 번째 머리글 로고, 본문 단추, 바닥 글, 머리글 메뉴 bla bla가 표시됩니다. .. ....... 나는 처음으로 로더를 보여주고 한 번 모든 내용을 페이지에로드 한 다음 페이지 내용과 이미지를 표시해야합니다. –

2

데이터를로드하는 동안로드 중 화면을 표시하려면 사용자 지정 지정 문을 작성할 수 있습니다.

는 // 지시

app.directive('loading', ['$http', function ($http) { 
    return { 
     restrict: 'A', 
     link: function (scope, elm, attrs) { 
      scope.isLoading = function() { 
       return $http.pendingRequests.length > 0; 
      }; 

      scope.$watch(scope.isLoading, function (v) { 
       if (v) { 
        elm.show(); 
       } else { 
        elm.hide(); 
       } 
      }); 
     } 
    }; 
}]); 

는 NG-cloak``이 될 수있는이이

<body> 
<!-- apply style/css to below div to cover entire page/element on which you want to show loader --> 
<div loading> 
<!-- add an image tag here with src as any loading gif image --> 
</div> 
</body> 
관련 문제