$ routeProvider, Injektion in AngularJS, nicht in der Lage den Fehler

Beim Klicken Register, einfach die URL Veränderungen zu identifizieren und nicht

Screenshot

html-Datei

zu register.html oder angezeigt, um den Inhalt taked

<!DOCTYPE html> 
<html> 
<head> 
<title></title> 
<script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> 
<script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular-route.min.js"></script> 
<script src="Script/Scc.js"></script> 
</head> 
<body ng-app="sampleApp"> 
First Name<input type="text" ng-model="reg.firstName" /><br /> 
Last Name<input type="text" ng-model="reg.lastName" /> <br />   
<a href="#Register"> Register </a> 
</body>

Scc.js

var sampleApp = angular.module('sampleApp', ['ngRoute']); 
sampleApp.config(['$routeProvider', 
function ($routeProvider) { 
    $routeProvider. 
    when('/#Register', { 
     templateUrl: '/register.html', 
     controller: 'registerController' 
    }) 
    }]); 
sampleApp.controller('registerController', function ($scope,$route) { 
var reg = { 
    firstName: 'Mmm', 
    lastName: 'Nnn', 
}; 
$scope.reg = reg; 
});

register.html

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title></title> 
</head> 
<body> 
<h2>Registration</h2> 
First Name is{{ reg.firstName }}<br /> 
Last Name is {{reg.lastName}} 
</body> 
</html>

nicht in der Lage, die Textbox Inhalt und zeigt sie in register.html abrufen ...

Quelle

2016-05-27 praveenkrishp

Sie benötigen ng-view Richtlinie in Ihrem HTML, um anzuzeigen, wo Die Vorlage sollte injiziert werden. Etwas wie <div ng-view></div>.

Und Ihr register.html sollte kein vollständiges HTML-Dokument sein, es sollte eine Teilvorlage sein, die nur die Daten enthält, die injiziert werden müssen.

Und du nicht das # in Route benötigen:

when('/Register', { 
    templateUrl: '/register.html', 
    controller: 'registerController' 
});

Überprüfen Sie den Pfad zu Vorlage korrekt ist.

Quelle

2016-05-27 11:33:25

hii, können Sie genauer über ng-view und HTML doc ..? – praveenkrishp

@PraveenKrishnaP Ihr Register.html sollte nur den aktuellen Inhalt innerhalb der '' enthalten. Siehe https://docs.angularjs.org/api/ngRoute/directive/ngView –

Hat die Änderungen wie Sie gesagt, TJ, hier ist das Ergebnis [link] (https://i.imgsafe.org/834cce0df7.png) Plz hat einen Blick .. – praveenkrishp

$ routeProvider, Injektion in AngularJS, nicht in der Lage den Fehler

Antwort

Verwandte Themen