Ho lavorato un po 'con Angular e ho cercato di implementare il routing semplice. Ho un codice HTML di base che contiene un riferimento a tutti gli script richiesti e un tag ng-view
.ng-view non visualizza il modello
Per qualche motivo, quando la pagina viene caricata, il modello non viene mostrato nella posizione ng-view
. Perché non viene mostrato e come risolverlo?
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular-route.js"></script>
<script src="routCtrl.js"></script>
</head>
<body ng-app='ngRouteTest'>
<div ng-view></div>
</body>
e il file di script:
var ngRouteTest = angular.module('ngRouteTest',['ngRoute']);
ngRouteTest.config(function($routeProvider){
$routeProvider
.when('/',
{templateUrl : '/routView1.html'})
});
Che cosa dice la Console per gli sviluppatori dire? Eventuali errori/avvertenze? –
Il seguente errore: "Impossibile caricare il modello". –
Quindi il problema è che stai fornendo un percorso errato al file html. dov'è il tuo routView1.html? Come appare la struttura della tua cartella? –