$routeProvider, injection in angularjs, 无法识别错误

Question

点击注册后，只有 url 发生变化，并没有进入 register.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>

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>

无法检索文本框内容并将其显示在 register.html...

Answer 1

您的 html 中需要 ng-view 指令来指示应在何处注入模板。类似于 <div ng-view></div>.

并且您的 register.html 不应该是完整的 HTML 文档，它应该是仅包含需要注入的数据的部分模板。

而且您不需要 # 路线：

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

确保模板路径正确。

$routeProvider, injection in angularjs, 无法识别错误

$routeProvider, injection in angularjs, not able to identify the error

angularjs

ngroute