페이지가 표시되지 않음 [Ionic]

Anoop

저는 Ionic과 AngularJS의 초보자입니다. Ionic 앱에 위치 파일을 표시하려고하는데이 페이지의 콘텐츠가 표시되지 않습니다. 그러나 URL이 변경됩니다. 미리 감사드립니다.

위치 파일로 호출

<a class="item item-icon-left " href="#/tab/locations">
      <i class="icon ion-search"></i>
      Near Places
</a>

App.js

angular.module('starter', ['ionic', 'starter.controllers', 'starter.services'])

.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {

    if (window.cordova && window.cordova.plugins && window.cordova.plugins.Keyboard) {
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
      cordova.plugins.Keyboard.disableScroll(true);

    }
    if (window.StatusBar) {

      StatusBar.styleDefault();
    }
  });
})

.config(function($stateProvider, $urlRouterProvider) {

  $stateProvider

    .state('tab', {
    url: '/tab',
    abstract: true,
    templateUrl: 'templates/tabs.html'
  })


  .state('tab.dash', {
    url: '/dash',
    views: {
      'tab-dash': {
        templateUrl: 'templates/tab-dash.html',
        controller: 'DashCtrl'
      }
    }
  })

    .state('tab.locations', {
      url: '/locations',
      views: {
        'tab-locations': {
          templateUrl: 'templates/tab-locations.html',
          controller: 'LocationCtrl'
        }
      }
    })

  .state('tab.chats', {
      url: '/chats',
      views: {
        'tab-chats': {
          templateUrl: 'templates/tab-chats.html',
          controller: 'ChatsCtrl'
        }
      }
    })
    .state('tab.chat-detail', {
      url: '/chats/:chatId',
      views: {
        'tab-chats': {
          templateUrl: 'templates/chat-detail.html',
          controller: 'ChatDetailCtrl'
        }
      }
    })

  .state('tab.search', {
    url: '/search',
    views: {
      'tab-search': {
        templateUrl: 'templates/tab-search.html',
        controller: 'AccountCtrl'
      }
    }
  });


  $urlRouterProvider.otherwise('/tab/dash');

});

파일 이름 : tab-locations.html

<ion-view view-title="location">
<ion-content>
<div class="list list-inset">
  <label class="item item-input">
    <i class="icon ion-search placeholder-icon"></i>
    <input type="text" placeholder="Search">
  </label>
</div>
</ion-content>

Tabs.html

<ion-tabs class="tabs-icon-top tabs-color-active-positive">

  <!-- Dashboard Tab -->
  <ion-tab title="Status" icon-off="ion-ios-pulse" icon-on="ion-ios-pulse-strong" href="#/tab/dash">
    <ion-nav-view name="tab-dash"></ion-nav-view>
  </ion-tab>

  <!-- Chats Tab -->
  <ion-tab title="Chats" icon-off="ion-ios-chatboxes-outline" icon-on="ion-ios-chatboxes" href="#/tab/chats">
    <ion-nav-view name="tab-chats"></ion-nav-view>
  </ion-tab>

  <!-- Account Tab -->
  <ion-tab title="Account" icon-off="ion-ios-gear-outline" icon-on="ion-ios-gear" href="#/tab/account">
    <ion-nav-view name="tab-account"></ion-nav-view>
  </ion-tab>


</ion-tabs>
판 카이 파카

하기 위해서는 tab.locations작업에 상태를, 당신은 새 탭을 추가 할 필요가 Location에서 templates/tabs.html. 또한 그것은 또한이 있어야 name="tab-locations"그 때문에 tab.locations거기에 템플릿을 배치한다.

<ion-tab title="Locations" icon-off="ion-ios-gear-outline" 
 icon-on="ion-ios-gear" href="#/tab/account">
    <ion-nav-view name="tab-locations"></ion-nav-view>
</ion-tab>

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

Ionic Spinner가 표시되지 않음

Ionic Admob이 표시되지 않음

Ionic 2-로컬 이미지가 표시되지 않음

ionic2 배경 이미지가 표시되지 않음

IONIC-APK에 배경 이미지가 표시되지 않음

Ionic 4 : Ionic 탭 바가 Chrome에 표시되지 않음

Ionic 3 Google지도-지도가 Android에 표시되지 않음

Ionic: 배경 이미지 위에 이미지가 표시되지 않음

Ionic Cordova가 빌드되지 않지만 오류가 표시되지 않음

Ionic 앱에 스타일 시트가 표시되지 않음

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

탐색 시 Ionic 4 페이지가 업데이트되지 않음

Ionic iOS 푸시 알림에 이미지가 표시되지 않음

ionic에 푸시 알림이 표시되지 않음

Ionic 4 Console.Log()가 기능에 표시되지 않음

Ionic 카메라 미리보기가 표시되지 않음

Ionic View가 Chrome 검사에 표시되지 않음

Ionic 2의 tabTitle에 ng2-translate가 표시되지 않음

Ionic 3 FormControl 오류가 표시되지 않음

캐시되지 않은 Ionic 페이지

Ionic 3 분할 창 메뉴 토글이 표시되지 않음

Ionic : 탭보기에 뒤로 버튼이 표시되지 않음

ionic actionsheet cancelButton이 Android에 표시되지 않음

ionic 2 로컬 알림이 표시되지 않음

Ionic 4 <button ion-item>이 제대로 표시되지 않음

Ionic 목록의 구분선이 표시되지 않음

Workbox가 포함 된 Ionic PWA-캐시 된 글꼴이 표시되지 않음

grunt serve가 실행되지만 페이지가 제공되지 않음 [ionic project]

Ionic 4 Dynamic Photo URL이 작동하지 않음-이미지가 표시되지 않음

TOP 리스트

  1. 1

    C # 16 진수 값 0x12는 잘못된 문자입니다.

  2. 2

    Matlab의 반복 Sortino 비율

  3. 3

    Python의 csv 파일에서 첫 번째 열 삭제

  4. 4

    개체 참조가 개체의 인스턴스로 설정되지 않았습니까? (예외 오류 ~ ASP.NET MVC)

  5. 5

    atob은 인코딩 된 base64 문자열을 디코딩하지 않습니다.

  6. 6

    EventEmitter <string>의 컨텍스트 'this'가 Observable <string> 유형의 'this'메서드에 할당되지 않았습니다.

  7. 7

    병합 셀을 사용하여 워크 시트의 데이터 필터링

  8. 8

    PhpStorm 중단 점에서 변수 값을 볼 수 없습니다.

  9. 9

    jQuery에서 이벤트 핸들러를 제거하는 가장 좋은 방법은 무엇입니까?

  10. 10

    `@ Transactional`이 있음에도 불구하고 이러한 데이터베이스 수정 사항이 롤백되지 않는 이유는 무엇입니까?

  11. 11

    ssh를 사용하여 원격에서 로컬로 파일 복사

  12. 12

    종속 사용자 정의 Lightning 선택 목록 Level2 및 Level3을 설정한 다음 Lightning 구성 요소에서 Level2를 재설정하지만 Level2 캐시 데이터가 저장됨

  13. 13

    2 개의 이미지를 단일 평면 이미지로 결합

  14. 14

    팝업처럼 위젯을 표시하는 방법

  15. 15

    [해결] 쿠키 설정 SameSite = Chrome / JSP, JAVASCRIPT에서 작동하지 않습니다.

  16. 16

    버튼 클릭을 기반으로 특정 CSS 클래스를 추가하는 방법은 무엇입니까?

  17. 17

    React 구성 요소가 자동으로 초기 상태로 다시 렌더링됩니다.

  18. 18

    연결된 서버 쿼리는 작동하지만 동일한 OPENQUERY는 "sys.servers에서 서버 'SERVER'를 찾을 수 없습니다.

  19. 19

    파일 2의 파일 1에서 동일한 줄을 조건으로 바꿉니다.

  20. 20

    아이디어 Intellij : 종속성 org.json : json : 20180813을 찾을 수 없음, maven에서 org.json 라이브러리를 가져올 수 없음

  21. 21

    상황에 맞는 메뉴 색상

뜨겁다태그

보관