2016-07-04 10 views
0

私はの主な機能の一つを知っていますangularjsは、あなたのインデックスまたはメインルートファイルの<body>を更新することだけです。Angularjs動的オブジェクトの更新

しかし、私がやりたい複数のセクションで私の全体のインデックスをブートストラップされ、その後、別のページに移動した場合にのみ、それがテキストを更新する必要があり、画像など

<h1>Title: {{ Title }} or {{Title2}}</h1>

@のindex.htmlに示すと同様

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"; 
}); 
+0

怠惰な読み込みを意味すると思いますか? http://weblogs.asp.net/dwahlin/dynamically-loading-controllers-and-views-with-angularjs-and-requirejs –

+0

私はこの記事で実際にそれを感謝し、あなたの答えを投稿し、それを受け入れます。 @KobiCohen –

答えて

1

使用ネストされたルーティング。 Nested States

+0

これはあなたに感謝良い記事です。 –

0

どのように?

ページロード/ダイジェストサイクルのどのイベントでも、アプリケーション/コントローラスコープ(またはルートスコープ)内で使用できるディレクティブです。ディレクティブ内では、データ更新機能を実行できます。

関連する問題