crear - directivas personalizadas angularjs

Cómo usar las directivas angulares para llamar al código de manipulación DOM de dojo

Question

He calculado la diferencia entre la plantilla de la directiva y la plantillaUrl aquí La diferencia de la secuencia de carga entre la plantilla y la plantillaUrl en la directiva angular

Mi pregunta es cómo usar Angular y Dojo juntos.

Si coloco el widget Dojo en templateUrl de la directiva angular,

FamilySnapModule.directive(''homePickdata'', function() {
return {
restrict: ''EAC'',
replace: true,
transclude: true,
templateUrl: ''familysnap/templates/homePickdata.html''
//template: ''<div id="calendar_month_datepicker" data-dojo-type="dojox.mobile.SpinWheelDatePicker" data-dojo-props=/'slotOrder: [0,1,2], monthPattern: "MM", dayPattern: "dd", align: "center"/'></div>''
};
});

familysnap / templates / homePickdata.html

<div id="calendar_month_datepicker" data-dojo-type="dojox.mobile.SpinWheelDatePicker" data-dojo-props=''slotOrder: [0,1,2], monthPattern: "MM", dayPattern: "dd", align: "center"''></div>

Entonces

require([
"dojox/mobile/SpinWheelDatePicker",
], function(dom, ready, registry, SpinWheelDatePicker,SwapView) {
registry.byId(''calendar_month_datepicker'');
}

devolverá nulo.

Entonces, ¿cómo usar angular con dojo juntos?

Answer 1

La directiva se carga dinámicamente, lo que significa que Dojo no analizará el marcado declarativo en un widget. Solo lo hace al cargar la página (cuando está configurado) o cuando se invoca manualmente.

Entonces, para resolver este problema, deberá invocar el analizador Dojo cuando se cargue la directiva. Deberías mirar el módulo dojo/parser .