2015-11-12 10 views
5

Ho incluso il modulo ui bootstrap nel mio progetto angolare e ora voglio estendere ad esempio il controller datepicker 'UibDatepickerController' nel 'ui-bootstrap-tpls.js' con ulteriori funzioni.Come estendere un controller ui bootstrap

OK, potrei modificare il file di bootstrap ui, ma non è quello che voglio.

Desidero un file modularizzato (forse una direttiva propria) in modo che non ci siano grossi problemi quando è in arrivo un aggiornamento bootstrap ui.

È possibile? Qual è la migliore pratica?

+0

Vuoi apportare modifiche al modello html che risiede in ui-bootstrap-tpls.js? – Obaid

+0

No. Desidero aggiungere ulteriori funzioni al controller. – JV3

risposta

0

si può provare l'iniezione $controller ed estendendo in questo modo:

app.directive('myUiDirective', function ($controller) { 
    return { 
     link: function (scope, iElem, iAttr) { 
      angular.extend(this, $controller('UibDatepickerController', {$scope: scope})); 

    } 
}); 

Tuttavia non sono sicuro se si sarà in grado di ottenere controller dal modulo diverso (in questo caso, da ui.bootstrap).

+0

In questo caso ottengo $ errori di injector perché è in un altro modulo. – JV3

+0

Puoi incollare questo errore? –

Problemi correlati