$routeProvider, инъекция в angularjs, не в состоянии определить ошибку

При нажатии на кнопку Регистрация, просто url-адрес изменяется и не берется для регистрации.html или отображаемое содержимое

Скриншот

HTML-файл

<!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>

Центр управления спутником.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;
});

реестр.формат html

<!DOCTYPE html>
<html >
<head>
<title></title>
</head>
<body>
<h2>Registration</h2>
First Name is{{ reg.firstName }}<br />
Last Name is   {{reg.lastName}}
</body>
</html>

не удается получить содержимое текстового поля и отобразить его в регистре.формат html…

1 ответ

  1. Вам нужна ng-viewдиректива в вашем html, чтобы указать, куда должен быть введен шаблон. Что-то вроде <div ng-view></div>.

    И ваш register.htmlне должен быть полным документом HTML, это должен быть частичный шаблон, содержащий только данные, которые должны быть введены.

    И вам не нужно #в маршруте:

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

    Убедитесь, что путь к шаблону правильный.