2014-11-20 41 views
7

Tôi đang sử dụng Ionic framework để tạo ứng dụng.Chỉ thị góc không hiển thị trong ứng dụng ionic

Tôi cần có thể sử dụng lại và thay đổi tiêu đề ứng dụng của mình để tôi khai báo hai tiêu đề khác nhau làm chỉ thị bằng cách sử dụng đánh dấu làm việc của mình.

app.directive('headerSidebar', function(){ 
    return { 
    templateUrl: 'templates/header-main.html', 
    restrict: 'E' 
    }; 
}); 

app.directive('headerBack', function(){ 
    return { 
    templateUrl: 'templates/header-back.html', 
    restrict: 'E' 
    }; 
}); 

Khi tôi cố gắng gọi cho các chỉ thị với <header-sidebar></header-sidebar> hoặc <header-back></header-back> có gì xảy ra.

html của tôi hợp lệ và url mẫu của tôi là chính xác. Tôi đã thử thay đổi tên của cả hai chỉ thị của tôi và các mẫu của tôi nhưng không có gì làm việc.

Tôi đang sử dụng Ionic sidebar layout và tôi gọi chỉ thị của tôi bên trong của tôi ion-nav-view:

<body ng-app="starter"> 

    <ion-side-menus> 

     <ion-side-menu-content> 
     <ion-nav-view></ion-nav-view> 
     </ion-side-menu-content> 

     <sidebar></sidebar> 

    </ion-side-menus> 

    </body> 

Mọi góp ý để làm thế nào tôi có thể giải quyết việc này hoặc tổ chức lại mã của tôi bao gồm hơn các thanh tiêu đề?

+0

Tôi hiện đang gặp sự cố tương tự. Có vẻ như bất kỳ chỉ thị nào có templateUrl sẽ không tải mẫu đó ra bên ngoài khi ứng dụng được xây dựng trong iOS. Bạn có thể tìm ra vấn đề này không? –

+0

Tôi chưa giải quyết được. Tôi đã từ bỏ và sao chép đánh dấu ở khắp mọi nơi. Tôi có vấn đề ngay cả trước khi được xây dựng. – rasmussvanejensen

+4

Sự cố của tôi kết thúc hơi khác một chút so với dự đoán của tôi. Sau khi kiểm tra thêm, tôi nhận ra rằng tôi đã có một '/' trước khi tất cả các templateUrl của tôi thực sự gây ra vấn đề. –

Trả lời

9

Sự cố của tôi kết thúc hơi khác một chút so với dự đoán của tôi. Khi kiểm tra kỹ hơn, tôi nhận ra rằng tôi đã có một '/' trước khi tất cả các templateUrl của tôi thực sự gây ra vấn đề

+2

Đã xảy ra sự cố tương tự, sự cố xảy ra với url mẫu có ../ ở mặt trước của nó –

+0

Đường dẫn tương đối hoạt động tốt trong trình duyệt , nhưng không phải trong ứng dụng được biên dịch. Cảm ơn Will vì đã cứu tôi trong cái này :) – FearMediocrity

0

Tôi gặp vấn đề tương tự. Điều này là do đường dẫn tương đối trong URL. Điều này hoạt động tốt trong các trình duyệt nhưng không hoạt động trong ứng dụng. Tôi đã xóa ../ khỏi đường dẫn URL.

Các vấn đề liên quan