Qual è la syntax corretta di ng-include?

Sto cercando di includere uno snippet HTML all’interno di una ng-repeat , ma non riesco a far funzionare l’inclusione. Sembra che la syntax corrente di ng-include sia diversa da quella di prima: vedo molti esempi usando

 

Ma nei documenti ufficiali , dice di usare

 

Ma in fondo alla pagina viene mostrato come

 

Indipendentemente da ciò, ho provato

 
 
  
  
  

Il mio frammento di codice non è molto, ma sta succedendo molto; Ho letto in Dynamically caricare template all’interno di ng-repeat che potrebbe causare un problema, quindi ho sostituito il contenuto di sidepanel.html con solo la parola foo , e ancora nulla.

    Ho anche provato a dichiarare il modello direttamente nella pagina in questo modo:

      foo  

    E analizzando tutte le varianti di ng-include riferimento all’ID dello script e ancora nulla.

    La mia pagina aveva molto di più in essa, ma ora l’ho ridotta a questo:

             

    Blah

    L’intestazione esegue il rendering, ma il mio modello non lo fa. Non ottengo errori nella console o dal nodo e se faccio clic sul collegamento in src="views/sidepanel.html" negli strumenti dev, mi porta al mio modello (e visualizza foo ).

    Devi citare la tua stringa src all’interno delle virgolette:

     

    fonte

       

    O

      

    O

      

    Punti da ricordare:

    -> Nessuno spazio in src

    -> Ricorda di usare la citazione singola in doppia citazione per src

    Per la risoluzione dei problemi, è importante sapere che ng-include richiede che il percorso dell’URL provenga dalla directory root dell’app e non dalla stessa directory in cui risiede il partial.html. (Mentre partial.html è il file di visualizzazione che è ansible trovare il tag di markup inline ng-include).

    Per esempio:

    Corretto: div ng-include src = “‘/views/partials/tabSlides/add-more.html'”>

    Errato: div ng-include src = “‘add-more.html'”>

    Per coloro che sono alla ricerca della soluzione di “rendering di oggetti” più breve ansible da una parte, quindi una combinazione di ng-repeat e ng-include :

    In realtà, se lo si utilizza in questo modo per un ripetitore, funzionerà, ma non per 2 di loro! Angular (v1.2.16) andrà fuori di testa per qualche motivo se ne hai 2 uno dopo l’altro, quindi è più sicuro chiudere il div in modo pre-xhtml:

    Forse questo aiuterà i principianti

              

    Questo ha funzionato per me:

     ng-include src="'views/templates/drivingskills.html'" 

    completo div:

     

    prova questo