2017-10-18 4 views
1

Ich habe Indexdatei:Nicht in der Lage Winkelansicht laden

<!DOCTYPE html> 
<html> 
<head> 
<title></title> 
<script src="./js/jquery-1.9.1.js"></script> 
<script src="./js/jquery-ui.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-route.js"></script> 

<script src="./Controller/homingController.js"></script> 
<link rel = "stylesheet" href = "./css/angular-material.min.css"> 
<link rel="stylesheet" href="./css/bootstrap-theme.min.css"> 
<link rel = "stylesheet" href = "./css/materialize.min.css"> 
<link href="./css/icon.css" rel="stylesheet"> 
<link rel ="stylesheet" href="./css/Main.css"> 
<title>Home Application</title> 
</head> 

<body ng-app="myApp"> 
<div class="navbar"> 
<a href="#/home">Home</a> 

<a href="#/monitor">about</a> 
</div> 

<div ng-view></div> 

<script> 


</script> 
</body> 
</html> 

mein Controller

var app = angular.module('myApp', ['ngRoute']); 
app.config(function ($routeProvider) { 
$routeProvider. 
when("/home", { 
    templateUrl: "home.html" 
    , controller: "homingController" 
}); 
}); 

app.controller('homingController', function ($scope, $http) { 
alert ("Hello"); 
var url = "workingURL"; /// changed function to a simple string message to 
test 
$scope.message = "Hello Liberals"; 
}); 

Meine Ansicht home.html

<h1>Hello</h1> 
{{message}} 

Weder seine scheint in homingController gehen und Alarmierung Hallo .

Noch seine Ansicht nicht laden, infact, wenn ich debuggen seine nicht zum Controller gehen. Gibt es etwas, was ich hier vermisse?

+0

Vermissen Sie ''

? –

+0

Ich möchte home.html Datei Inhalt laden – CodeWithCoffee

+1

Das ist, was [ngView] (https://docs.angularjs.org/api/ngRoute/directive/ngView) ist für. Es fügt Teiltafeln/Vorlagen (wie Ihre home.html) in die ng-view-Direktive ein –

Antwort