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模板?
我假設控制檯沒有錯誤,你有'ng-app' decalred的地方? – tymeJV
您是否在HTML中的任何位置聲明瞭'ng-app'? –
是的,在我的佈局中,我有
,並且在一個單獨的腳本文件中,我有: var angular = require('angular'), \t app = angular.module('AppModule' ,[ \t \t'CommonModule', \t \t'HomeModule' \t]); – Jakub