이오닉 2 기본로드 페이지는 src/index.html입니다. app.component.ts를 사용하여 custom.html로 변경하고 싶습니다. config.xml 파일에서 content-src 태그를 custom .html 파일로 변경하여 이미 시도해 보았습니다. 하지만 그렇게하면 app.component.ts 내부의 아무 기능도 실행되지 않습니다. 즉, 컨트롤은 내부에 입력되지 않습니다. 나는 이것을 시도하지 않으려 고합니다 http://www.joshmorony.com/how-to-create-a-custom-loading-component-in-ionic-2/ 이것은 ionic 2가 아니기 때문에.이오니아 사용자 지정로드 페이지 작성 방법
그래서 기본 로딩 페이지 i, e index.html을 사용자 정의 페이지로 어떻게 바꿀 수 있습니까?
가장 쉬운 해결책은 안에 태그 사이에 custom.html의 내용을 배치하는 것입니다. 여기에 정의 된 내용은 구성 요소 <my-app>이로드 될 때까지만 표시됩니다. 여기
loading.gif 전체 화면을 표시합니다
<body>
<my-app>
<!-- loading page-->
<div class="row" style="background-color: black; text-align: center;">
<img src="images/loading.gif" style="width: auto; height: 100%;"/>
</div>
</my-app>
</body>
자신
된 index.html을 사용하는 예입니다.
(스타일은 인라인으로 배치되므로 스타일 시트를 추가 할 필요가 없습니다).
결과 :
당신이 필요로하는 출력이 무엇인지
답장을 보내 주셔서 감사합니다. 하지만 일부 JavaScript 및 다른 코드 종속성을 이미 custom.html 사용하고 ... 내 custom.html있는 경우에만 좋은 내 프로젝트의 내 미래의 향상을 위해 ... 그래서로드 할 페이지로드 할. 선택의 여지가 있니? –
당신은'custom.html'을'
. 지금까지 시도한 코드에는 코드가 필요합니다. –
기본적으로 앱의 시작 페이지는 index.html이됩니다. 하지만 제 경우에는 시작 페이지가 channel.html이되도록하고 싶습니다. 내가 미리 작성한 웹 사이트 코드를 IOS 애플리케이션으로 변환 할 때 많은 의존성이 이미 channel.html로 설정되었습니다. 그래서 channel.html 응용 프로그램에로드 index.html 표시에 싶습니다 ... –