我对AngularJs非常陌生,在学习了一些教程之后,我决定尝试在我的一个项目中实现一个页面应用程序。我让它起作用了,但我有一个关于这个代码的问题。在第一页导航到任何内容之前,我可以更改第一页显示的内容吗?我不想让它显示在每一页,只是当他们第一次登陆它之前,点击任何链接。
var app=angular.module('single-page-app',['ngRoute']);
app.config(function($routeProvider){
$routeProvider
.when('/',{
templateUrl: 'home.html'
})
.when('/about',{
templateUrl: 'about.html'
});
});
app.controller('cfgController',function($scope){
/*
Here you can handle controller for specific route as well.
*/
});<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="single-page-app">
<div ng-controller="cfgController">
<div>
<nav>
<ul>
<li><a href="#/">Home</a></li>
<li><a href="#/about">About us</a></li>
</ul>
</nav>
</div>
<br/>
<div ng-view>
<!--
This DIV loads templates depending upon route.
-->
</div>
</div>
</body>
页面加载得很好,如果我试图在ng视图下向index.html添加一些内容,它就不会出现在页面上。
发布于 2015-04-12 14:52:09
当用户第一次访问您的站点时,您希望将内容显示在您的"home.html“页面下,该页面链接到您的"/”路径,用于"ng-view“。当用户单击某个链接时,它们将被带到一个新的路由,代码/将被他们选择的路由替换。
https://stackoverflow.com/questions/29590597
复制相似问题