私はの主な機能の一つを知っていますangularjsは、あなたのインデックスまたはメインルートファイルの<body>
を更新することだけです。Angularjs動的オブジェクトの更新
しかし、私がやりたい複数のセクションで私の全体のインデックスをブートストラップされ、その後、別のページに移動した場合にのみ、それがテキストを更新する必要があり、画像など
<h1>Title: {{ Title }} or {{Title2}}</h1>
index.htmlを
<nav class="navbar navbar-default navbar-fixed-top navbar-custom">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
</button>
<a class="navbar-brand" ng-click="FP()">Start Bootstrap</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="hidden">
<a href="#page-top"></a>
</li>
<li class="page-scroll">
<a ng-click="FP()">First Page</a>
</li>
<li class="page-scroll">
<a ng-click="SP()">Second Page</a>
</li>
<li class="page-scroll">
<a href="#contact">Contact</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<header>
<div class="container">
<div class="row">
<div class="col-lg-12">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<h1>Title: {{ Title }} or {{Title2}}</h1>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
</div>
</div>
</header>
<!-- Section One -->
<section class="One" id="about">
<div class="container">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
</section>
First.html
NG-のinitについて<div ng-controller="FirstController">
</div>
Second.html
<div ng-controller="SecondController">
</div>
コントローラ
app.controller("FirstController", function ($scope, $location) {
$scope.Title = "First";
});
app.controller("SecondController", function ($scope, $location) {
$scope.Title2 = "Second";
});
怠惰な読み込みを意味すると思いますか? http://weblogs.asp.net/dwahlin/dynamically-loading-controllers-and-views-with-angularjs-and-requirejs –
私はこの記事で実際にそれを感謝し、あなたの答えを投稿し、それを受け入れます。 @KobiCohen –