2014-06-20 70 views
0

不可見我有一個簡單的控制器:值範圍,以html

module.exports = require('angular') 
.module('HomeModule', []) 
.controller('HomeCtrl', function ($scope) { 
    $scope.someValue = 10; 
    console.log($scope.someValue); 

}); 

和一個簡單的視圖:

<header class="navbar navbar-inverse navbar-static-top" role="banner" ng-controller="HomeCtrl"> 
<div class="container"> 
    <div class="navbar-header"> 
     <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-collapse"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
     <a href="/" class="navbar-brand">Name</a> 
    </div> 
    <nav class="collapse navbar-collapse" role="navigation" id="navbar-collapse"> 
     <ul class="nav navbar-nav"> 
      <li><a href="#1">{{someValue}}</a></li> 
      <li><a href="#2">Function#2</a></li> 
      <li><a href="#3">Function#3</a></li> 
     </ul> 
    </nav> 
</div> 
</header> 

當該標頭的html在瀏覽器中加載我可以看到10值被印刷但在控制檯中,該值在頁面上不可見。任何想法爲什麼someValue是不可見的HTML模板?

+0

我假設控制檯沒有錯誤,你有'ng-app' decalred的地方? – tymeJV

+0

您是否在HTML中的任何位置聲明瞭'ng-app'? –

+0

是的,在我的佈局中,我有,並且在一個單獨的腳本文件中,我有: var angular = require('angular'), \t app = angular.module('AppModule' ,[ \t \t'CommonModule', \t \t'HomeModule' \t]); – Jakub

回答

0

圖中缺少一片。 html模板被dust庫解釋。看起來,粉塵自身解釋爲什麼,因此棱角分明無法「看」{{}}。 爲了減輕這個ng-bind可以使用。