Dépannage ti konsèy pou Directives angilè (Ou, Aprann jan pou renmen Traits tout ankò)

Mwen gen yon koup Des applications $http.get fè sa() apèl e mwen te vle pou kapab montre yon mesaj bien en erreur tout lèd erreur detay hidden, Men aksesib a.  Fondamantalman, sa a:

image

Et puis si la utilisateur clique sou chemen, yo wè plis enfòmasyon:

image

Senp bagay sa.  Depi lè egzat erreur potansyèl menm kapab parèt nan écran administratif a osi byen ke moun kap itilize li an fin écran, li klè rele pou yon angilè directive personnalisés.  mwen  te trouve sa seri en de atik (http://weblogs.asp.net/dwahlin/creating-custom-angularjs-directives-part-i-the-fundamentals) gran pa Dann lan Wahlin.  Swiv vin bay moun konsèy, Mwen byen vit kreye yon <bonjou sou latè> directive Et tranble sou mwen plis konplèks erreur ekspozisyon squeegee. Mwen te la nan yon ti soufri sa a directive plis koze ki senp.  San pwoblèm mwen tap, tri de chans, Mwen te di WebStorm (editè a mwen sèvi ak jou sa yo) dokiman JS an li te genyen yon angilè fichier Et li te ede m' evalye edisyon an.  Sa a se tout kòd pou directive tèt li:

angular.module("CDLApp").directive("generalCdlErrorHandler", fonksyon() {

retounen {
estrenn: "E",
ranplase: vre,

dimansyon: {
retrieveLastConfigurationError: "&"
},

modèle:
'<klas div = "alèt sou kiviv-danje" wòl = "alèt" NG-init = "doShowExpandedErrorDetails = vre" NG-afficher = "retrieveLastConfigurationError()">' +
La pa t fè san yo pa I/O oswa lòt erreur. Sa konn rive paske configuration done fichier pa ta ka ' +
' jwenn ou la configuration fichier contenant inexacte enfòmasyon (tankou qui yon dokiman bibliyotèk la +
' sa pa egziste).' +
' <br />' +
' <div ng-montre = "doShowExpandedErrorDetails">' +
' <yon href = "#" NG Sur = "doShowExpandedErrorDetails = ! doShowExpandedErrorDetails">' +
'Cliquez ici kache detay.' +
' </yon>: ' +
' <br />' +
' <pre>{{retrieveLastConfigurationError() | json}}</pre>' +
' <br />' +
' </div>' +
' <div ng-montre = "!doShowExpandedErrorDetails">' +
' <yon href = "#" NG Sur = "doShowExpandedErrorDetails = ! doShowExpandedErrorDetails">' +
'Sur la pou elaji erreur detay.' +
' </yon>' +
' </div>' +
'</div>'
};
});

Fondamantalman, Mwen menm ki kreye yon nouvo eleman ki te rele yon "generalCdlErrorHandler".  Li pa bezwen gen aksè pou yon fonksyon ki te rele retrieveLastConfigurationError Et sa traitées nan la portée objet.  Mwen pwobableman te kapab ont jis te itilize portée paran an, Men, sa pa santi parese.  Si yon moun panse mwen ta dwe fè tou sa, Mwen ta renmen tande sa nan kòmantè yo.

Sa te fè tout byen, Men, mwen pa t jwenn anyen.  Pa erreurs été nan konsole a (mwen pare tout sx erreurs mwen te kreye yon chemen nan mwens ke yon fwa).  Mwen tou senpleman isi a pa jwenn okenn sortie de la directive.  M' a e li te ajoute kèk statique tèks devan la directive ng-afficher Et mwen * a * obtenir sa. Sa fè m reflechi ke petèt directive la pa t gen dwa implicitement kreye nouvo vars tankou "doShowExpandedErrorDetails" pa gen yon "ng-init" nan a. 

Mwen t' ap tounen nan HTML pou wè si mwen te gen yon kalite Et WebStorm, fwa sa a te ede m.  Mwen te fin pase nan fonksyon retrieveLastConfigurationError tankou sa:

<jeneral-cdl-erreur-D' retrieveLastConfigurationError="CDLController.retrieveLastConfigurationError()">
</jeneral-cdl-erreur-D'>

Men, li te reyèlman bezwen pou sa:

<jeneral-cdl-erreur-D' extraire-dènye-configuration-erreur = "CDLController.retrieveLastConfigurationError()">
</jeneral-cdl-erreur-D'>

WebStorm li te genyen lespri ase pou konnen sa l' te fè pou être liés.  Si li pa te bay conseil sa, Mwen ta pwobableman être toujou dépannage sa Souri.  Amizan fwa!

Akab la, se pou sa: non sèlman eleman directive non liés, Se konsa sont tout attributs ou ajoute pou li.  Yon fwa ke mwen te ajoute traits yo, li tout te travay anpil.  Didacticiel Dann lan a te rive pou sèvi ak non moun ki pa marye yo kout, Se konsa, mwen pa t fè koneksyon an.

Espere ke sa ka ede yon moun.

</fen>

undefinedVous pou m' blog.

Swiv mwen sou Twitter nan http://www.twitter.com/pagalvin

kite yon repons

Adrès imèl ou pa pral dwe pibliye. Jaden obligatwa yo make *