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 .