Javascript 变量未打印到屏幕-angularjs

我有一个小控制器和一些基本数据。这是我的密码。我不知道为什么当我点击链接时，我的消息不会显示。在控制台中，我没有收到任何错误。我安慰了这些变量，它们就出现了。由于某些原因，它在视图中不起作用。我不确定我错过了什么

index.html--导航菜单

<ul class="nav navbar-nav" ng-controller="menu">
        <li class="active"><a href ng-click="showMessage('Home')">Home</a></li>
        <li><a href ng-click="showMessage('Work')">Work</a></li>
        <li><a href ng-click="showMessage('Contact')">Contact</a></li>
      </ul>

<div class="container" ng-controller="menu">
 <h1> {{ message }} </h1>
</div><!-- /.container -->

---

您有两个独立的

菜单

控制器实例，它们不共享相同的作用域

---

当您更新其中一个作用域时，另一个作用域对此一无所知。您可以使用服务跨控制器共享数据，或更改正在使用的结构，以实现单独的控制器实例

如果您定义两次ng控制器，则两者都将具有单独的作用域

您需要将控制器的所有用法放在一个块中：

<div ng-controller="menu">
    <ul class="nav navbar-nav">
        <li class="active"><a href ng-click="showMessage('Home')">Home</a></li>
        <li><a href ng-click="showMessage('Work')">Work</a></li>
        <li><a href ng-click="showMessage('Contact')">Contact</a></li>
    </ul>

    <div class="container">
        <h1> {{ message }} </h1>
    </div>
</div>

{{message}}

谢谢！我做了改变，这就是问题所在。谢谢！我明白你的意思。

<div ng-controller="menu">
    <ul class="nav navbar-nav">
        <li class="active"><a href ng-click="showMessage('Home')">Home</a></li>
        <li><a href ng-click="showMessage('Work')">Work</a></li>
        <li><a href ng-click="showMessage('Contact')">Contact</a></li>
    </ul>

    <div class="container">
        <h1> {{ message }} </h1>
    </div>
</div>