2017-07-13 50 views
5

ben yüklü kor-inject-komut dosyası kullanıyorum bir EmberJS uygulamasında Jitsi Meet nasıl kullanırım:Benim Kor uygulamasında

npm install --save-dev ember-inject-script 

Sayfam için controller.js dosya şuna benzer:

import Ember from 'ember'; 
import injectScript from 'ember-inject-script'; 

export default Ember.Controller.extend({ 
    init: function() { 
    this._super(); 
    var url = "https://meet.jit.si/external_api.js"; 
    injectScript(url); 
    var domain = "meet.jit.si"; 
    var room = "JitsiMeetAPIExample"; 
    var width = 700; 
    var height = 700; 
    var htmlElement = document.querySelector('#meet'); 
    var api = new JitsiMeetExternalAPI(domain, room, width, height, 
       htmlElement); 
    } 
}); 

Şablon şudur:

<h2>Jitsi Meet</h2> 
<div id="meet"></div> 
{{outlet}} 

Oysa ben bir konsol hatası alıyorum:

012 asenkron içinde

Error while processing route: projects.index JitsiMeetExternalAPI is not defined ReferenceError: JitsiMeetExternalAPI is not defined

+0

Not: https://github.com/jitsi/jitsi-meet/blob/master/doc/api.md – mrlindsey

cevap

4
  • injectScript böylece JitsiMeetExternalAPI ertesi deyimini kullanamazsınız. then'u kullanmanız gerekir. Diğer bir sorun ise, denetleyici init yönteminde DOM öğesinin erişemeyeceği bir başka sorundur. genellikle denetleyici, DOM'ın farkında değildir. Bunun için ben Yollar beforeModel kanca içindedir, didInsertElement tutturmaya gerek zamanda js yüklemek için

Bir daha alternatif bir yaklaşım Bileşeni yazma ve kullanımı teşvik edecektir, sadece Ember. $ kullanabilirsiniz. getJSON (url) . Ben Jitsi Tanışma API kullanıyorum

beforeModel(){ 
return Ember.$.getJSON(url); 
} 
+1

teşekkür ederiz! Önerileriniz mükemmel çalışıyor. – mrlindsey

İlgili konular