Не удается прочитать свойство «contentWindow» нуль - IFRAME в ионном меню

Question

Вот мой plunker:

http://plnkr.co/edit/8SOkJeAG4Tctp4zLoAJ0?p=preview

var iframe = document.getElementById('myIframe'); 
var iframediv = iframe.contentWindow.document;  // canvas goes here 
iframediv.body.innerHTML += '<canvas id="stage" width="360" height="180"></canvas>'; 

ли код, где я набираюсь не ошибка чтения свойств.

Я пытаюсь создать холст в iframe, iframe находится на странице, которая загружается как ионное меню.

Я хочу, чтобы код, который управляет данными в холсте, содержится в отдельном файле js для удобства чтения и повторного использования кода, если требуется.

Проблема заключается в том, что, поскольку я объявляю свой файл JavaScript в своем index.html, но iframe, который я хочу использовать, находится в моем файле home.html, тогда файл JavaScript не может его найти?

Как я могу объявить свои файлы iframe и javascript, чтобы он мог читать свойства моего iframe во вложенном файле javascript?

Answer 1

Довольно раздражающе, и, как это часто бывает, это была глупая ошибка моего собственного изготовления!

Теперь я поместил загрузчик холста iframe в именованную функцию, и я вызываю это из контроллера. Моя проблема, когда я пробовал это раньше, заключалась в том, что я вызывал ее из неправильной функции контроллера, поэтому она никогда не загружалась - DOH!