저는 앵글 j에서 새로운 작업을하고 있습니다. 가끔은 파이어 폭스에서 데이터를로드하는 동안 변수 이름을 표시하고 몇 섹션 후에는 해당 변수의 내용을 적절한 방식으로 보여줍니다. 이 데이터를 어떻게로드 할 수 있습니까? 또는 데이터로드를 위해 로더를 적용 할 수 있습니까? 아래 스크린 샷에서 볼 수 있습니다.각도에서 데이터를로드하는 방법은 무엇입니까?
답변
사용 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 잘로드 정보를 추가하는 방법을 설명합니다.
이 방법은 모든 페이지에로드되는 로더를 적용 할 수 있습니까? –
index.html에서'
...'을 사용해 보셨습니까? –내가 시도했지만 내용을로드하는 데 나쁜 형식이므로 첫 번째 머리글 로고, 본문 단추, 바닥 글, 머리글 메뉴 bla bla가 표시됩니다. .. ....... 나는 처음으로 로더를 보여주고 한 번 모든 내용을 페이지에로드 한 다음 페이지 내용과 이미지를 표시해야합니다. –
데이터를로드하는 동안로드 중 화면을 표시하려면 사용자 지정 지정 문을 작성할 수 있습니다.
는 // 지시는
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>
- 1. HDInsight에 데이터를로드하는 방법은 무엇입니까?
- 2. NSUserdefaults에서 데이터를로드하는 방법은 무엇입니까?
- 3. 그리드에 원격 데이터를로드하는 방법은 무엇입니까?
- 4. Ajax 호출에서 데이터를로드하는 방법은 무엇입니까?
- 5. GridView에 비동기 데이터를로드하는 방법은 무엇입니까?
- 6. 상점에서 Form.Panel로 데이터를로드하는 방법은 무엇입니까?
- 7. GXT RPC로 데이터를로드하는 방법은 무엇입니까?
- 8. 이미로드 된보기에 데이터를로드하는 방법은 무엇입니까?
- 9. ListBox에서 데이터베이스의 데이터를로드하는 방법은 무엇입니까?
- 10. 재귀 테이블 데이터를로드하는 방법은 무엇입니까?
- 11. xcode에서 Excel의 데이터를로드하는 방법은 무엇입니까?
- 12. PyBrain에서 교육 데이터를로드하는 방법은 무엇입니까?
- 13. 코어 데이터에 데이터를로드하는 방법은 무엇입니까?
- 14. MongoDB에서 초기 데이터를로드하는 방법은 무엇입니까?
- 15. hdfs에서 hbase로 데이터를로드하는 방법은 무엇입니까?
- 16. jqgrid에서 조건별로 데이터를로드하는 방법은 무엇입니까?
- 17. 각도에서 플러그인 내부 지시문을 설정하는 방법은 무엇입니까?
- 18. 초기화시 각도에서 서비스를 얻는 방법은 무엇입니까?
- 19. 각도에서 반응 형 디자인을 관리하는 방법은 무엇입니까?
- 20. 거리와 각도에서 임의의 점을 얻는 방법은 무엇입니까?
- 21. R 패키지에 자동으로 데이터를로드하는 방법은 무엇입니까?
- 22. 플래시의 컴파일 타임에 문자열 데이터를로드하는 방법은 무엇입니까?
- 23. Django 템플릿에서 Ajax를 사용하여 데이터를로드하는 방법은 무엇입니까?
- 24. div에서 스크롤하는 동안 데이터를로드하는 방법은 무엇입니까?
- 25. Ajax JQuery를 사용하여 Handsontable에서 데이터를로드하는 방법은 무엇입니까?
- 26. mysql에서 텍스트 파일로 데이터를로드하는 방법은 무엇입니까?
- 27. hbase 테이블에 키 - 값 데이터를로드하는 방법은 무엇입니까?
- 28. 텍스트 상자에서 목록 상자로 데이터를로드하는 방법은 무엇입니까?
- 29. OpenCV 3.1에서 파일로부터 SVM 데이터를로드하는 방법은 무엇입니까?
- 30. jqgrid가 초기에 데이터를로드하는 것을 억제하는 방법은 무엇입니까?
빠른 수정처럼 사용합니다. anglejs에 의해 파싱되고 채워질 때까지이 각도 식을 숨 깁니다. – Yogesh
이것은 여러 번이 대답을 확인하도록 요청되었습니다. http://stackoverflow.com/questions/23453396/is-there-a-different-way-to-hide-a-scope-variable-from-showing-while-angularjs -i – Efx
DOM의 보이는 부분에 평가 식을 사용하지 마십시오. 이것은 다른 쪽을 대신하여 매우 좋은 점입니다. – Vitalii