2015-05-12 63 views
9

làm cách nào tôi có thể thay đổi toàn bộ bố cục của thành phần thiết kế material design thành RTL?AngularJs Thiết kế material design Bố cục RTL

+0

RTL là gì? Một số chi tiết khác cho câu hỏi của bạn sẽ giúp ích. –

+0

Tôi có nghĩa là bố cục Phải sang trái. Đối với một số ngôn ngữ dòng Ba Tư hoặc tiếng Ả Rập. –

Trả lời

7

bạn có thể làm điều này bằng cách cung cấp hai chiều

app.config(function($mdBiDirectionalProvider) { 
    $mdBiDirectionalProvider.rtlMode(true); 
} 

cái nhìn lúc này page

+2

Ồ, không biết chúng tôi đã có một cấu hình cho điều đó! ;-) – Fardin

+0

Tuyệt vời! nhưng mdBiDirectionalProvider được định vị ở đâu? nó hoạt động mà không cần thực hiện? – MRebati

+2

có vẻ như nó chưa được hợp nhất vào chi nhánh chính. bạn có thể nhân bản cây có liên quan (https://github.com/angular/material/tree/08bf4f93763d2aea9901d697f8cc3786d242725f) và tự xây dựng nó. mặc dù sử dụng '' '$ mdBiDirectionalProvider''' là không cần thiết. chỉ bằng cách chèn '' 'dir =" rtl "' '' vào phần nội dung, tôi sẽ làm việc thành công. –

2

Tôi tìm thấy một cách đơn giản để thay đổi bố cục trang.

< html dir = "rtl">

chỉ này

+3

có bạn có thể làm điều này, nhưng một số thành phần và tính năng như tab chuyển tiếp liều không hoạt động chính xác theo cách này –

+1

Tôi đồng ý với @MehdiEmrani, tôi nghĩ rằng đó không phải là cách chính xác nhưng sẽ hoạt động, thậm chí Bootstrap có một phiên bản khác nhau cho quyền ngôn ngữ bên trái (RTL) – M98

+0

Không, thay đổi hướng sang 'rtl' sẽ khiến bố cục HTML thành' rtl' nhưng các tài liệu sẽ vẫn còn trong 'ltr' –

-2

Liều lượng không khác biệt giữa chúng. Cả hai đều làm như vậy.

function rtlMode(mode) { 
    if (mode) { 
     direction = 'rtl'; 
    } 
} 
Các vấn đề liên quan