Ace Editor İyonik Uygulamada Odağı Kaybediyor

Question

İyonik Çerçeve'yi kullanarak bir uygulama üzerinde çalışıyorum ve bir <ion-view> numaralı telefona bir ace editörü bileşeni eklemek istiyorum.

Sayı:

ben ace editörü içinde tıkladığınızda o çizgiyi seçmek görebilirsiniz ama imleç göstermez.

Ben ace editörü odağı kaybetmeden tutar göründüğünden yaşıyorum ama anlamaya gibi olamaz (benim codepen ama aynı sorun var) this codepen içinde

sorunu sorunu görebilirsiniz

neyi Odağı çalıyor olabilirdi. Bence konu budur çünkü kromdaki elemanlar panelinde aşağıdaki sınıfın div'a atanmış olduğunu görebiliyorum. i basılı tutarsanız

ace_layer ace_cursor-layer ace_hidden-cursors

İlginç fare odağı kazanacaktır ve imleç görüntüler biraz daha uzun tıklayın. Kısa fare tıklamaları çalışmıyor.

Benim html editörü şablonu:

<ion-view view-title="Editor"> 
    <ion-content> 
    <div> 
     <pre id="ace-editor">this is a test</pre> 
    </div> 
    </ion-content> 
</ion-view> 

Ve benim i set açısal controllerace editor: görüyorum ace editörü tüm mousedown olayları kaldırarak denedik

.controller('EditorCtrl', function ($scope, $stateParams) { 
    var init = function() { 
    editor = ace.edit('ace-editor'); 
    editor.setTheme('ace/theme/monokai'); 
    editor.setOption("dragEnabled", false); 
    editor.removeAllListeners("mousedown"); 
    editor.getSession().setMode("ace/mode/javascript");  
    }; 

    init(); 
}); 

eğer o bununla ilgiliydi ama düzeltmedi.

Ben de iyonik yan menüden sidemenudrag çıkarmadan denedim ama bu da çözebilir. Böyle

Answer 1

Kullanım data-tap-disabled="true":

<pre id="ace-editor" data-tap-disabled="true">this is a test</pre>

burada buldum: http://www.ionicframework.com/docs/api/page/tap/