Question

我是AngularJS的新手，我正在使用ng-view指令开发部分html页面加载。但是在加载html页面后，我单击了定位标记，它应该在ng-view标签中加载部分视图内容。但是在检查我的html屏幕时，似乎ng-view标签已被注释。请帮助我解决问题。

我的主html页面：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="demo">
<head>
    <title>Templete Layout</title>
    <script src="Scripts/angular.js"></script>
    <script src="Scripts/angular-route.js"></script>
    <script src="Scripts/MyScriptNew.js"></script>
    <base href="/" />
</head>
<body>
    <table ng-controller="homeController">
        <tr><th>Welcome to Tutorial</th></tr>
        <tr>
            <td><a href="home">Home</a></td>
            <td > <div ng-view></div></td>
        </tr>
    </table>
</body>
</html>

home.html页面代码：单击主页锚链接时应加载该页面

<div>{{message}}</div>
<div>This is for tesing</div>

这是我的脚本文件：

/// <reference path="angular.js" />

var dempApp = angular.module("demo", ["ngRoute"])
    .config(function ($routeProvider, $locationProvider) {
        $routeProvider
        .when("/home", { templeateUrl: "Templetes/home.html", controller: "homeController" })
        $locationProvider.html5Mode(true);
    })
    .controller("homeController", function ($scope) {
        $scope.message = "This is the home page";
    });

页面加载后，显示主页锚链接，一旦我单击该home.html内容，应将其加载到ng-view中。但是似乎ng-view在检查时被评论。对此，任何人都可以帮助我解决我的问题。

谢谢。

如何在angularjs

0 个答案: