`NG-class`從包含的模板

我有我的主模板稱爲home.html，控制器是homeController應用罰球： $routeProvider：`NG-class`從包含的模板

$routeProvider 
    .when ("/", { 
     templateUrl : "views/home.html", 
     controller : "homeController" 
}); 

$routeProvider 
    .otherwise ({ 
     redirectTo:'/' 
});

工作正常。我有header' which included in the home.html`像這樣單獨html模板：

<div class="content"> 
    <ng-include src="'/views/header.html'"></ng-include> 
    <div class="globe"> 
     <div class="progName"> 
      <div class="swiper"></div> 
      <h2 class="active"> 
       <span class="title"> 
        {{activeApp.name}} 
       </span> 
       <span class="note">{{activeApp.note}}</span> 
      </h2> 
      <h2 class="que t{{$index+1}}" ng-click="activate(app)" ng-repeat="app in queApp">{{app.name}}</h2> 

     </div>

爲header我有單獨的controller稱爲「header.js which is included in the index.html`文件。

<script src="app.js"></script> 
    <script src="js/script/factory/server.js"></script> 
    <script src="js/script/controllers/header.js"></script> 
    <script src="js/script/controllers/homeController.js"></script> 
    <script src="js/script/directives/home/programNames.js"></script>

在標題中，還有一類，我想通過有條件申請，所以我說在header.js（headerController）在header.html文件中的條件（其中包括）

我想添加conditonal類，但不工作：

我header.js：

angular.module("tcpApp") 
    .controller('header', ['$scope', function ($scope) { 

     $scope.show = false; 

     $scope.menuHandler = function() { 
      $scope.show = !$scope.show; 
      console.log("i am called"); 
     } 

    }]);

什麼，我在這裏失蹤？我加入controller的方式是錯誤的？或者我需要編寫與父控制器homeController本身的功能？

我不能保持單獨的標題控制器，幷包含其他模板？

安迪一個幫我處理？在此先感謝。

UPDATE 頭的html：

<header ng-controller="header" > 
    <h1><a href="#">TCP</a></h1> 
    <nav> 
     <a class="menu" ng-click="menuHandler()" href="#">Menu</a> 
     <span ng-class="{'activate':show}"> 
      <a href="#"><span>All</span></a> 
      <a href="#"><span>Important</span></a> 
      <a href="#"><span>Design</span></a> 
      <a href="#"><span>Supply</span></a> 
      <a href="#"><span>Contruction</span></a> 
      <a href="#"><span>Issue Log</span></a> 
     </span> 
    </nav> 
</header>

來源

2015-06-14 3gwebtrain

請添加'header.html' –

我需要添加的地方？基本上''家庭控制器'下方包含的'header'是正確的？我有單獨的控制器'header' – 3gwebtrain

據我所知，你正在'header.html'中嘗試'ng-class'。這可能是範圍問題 –

嘗試這樣的事：

<span ng-class="show?'activate':'other-class'">

來源

2015-06-14 14:49:51

的問題是，我使用的是模塊scroll目的。當我評論說，它的作品。

var newHash = 'anchor3'; 
     if ($location.hash() !== newHash) { 
      $location.hash('anchor3'); 
     } else { 
      $anchorScroll(); 
     }

我評論了以上所有。感謝大家！在header.html中模板的路徑的起點

<div class="content"> 
    <ng-include src="views/header.html"></ng-include> 
    //code here 
</div>

刪除「/」：

來源

2015-06-14 14:53:34 3gwebtrain

嘗試這樣的事情在你的home.html的。

這應該是訣竅，我猜。

來源

2015-06-14 14:53:42

`NG-class`從包含的模板

回答

相關問題