Question

我有一个简单的控制器：

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模板中不可见？

Answer 1

图片中缺少一件。 html模板由灰尘库解释。看起来尘埃本身就解释了{}，因此棱角分明没有办法看到＆＃34;看到＆＃34; {{}}。为了减轻这种情况，可以使用ng-bind。

范围中的值在html中不可见

1 个答案: