Question

我想为不同的路线设置范围，但似乎无法正常工作......

<body ng-app="AngularApp">
<div class="line">
  <div class="col-12">
    <a href="/pages/#/" class="logo"><img src="images/logo.jpg"></a>
  </div>
</div>

<div class="page {{pageClass}}" ng-view></div>

<div class="bottom-bar">
  <ul>
    <li><a href="/pages/#/">Retour {{bottomBar}}</a></li>
  </ul>
</div>
</body>

bottomBar

{{1}}是空的......

Answer 1

看起来你直接在应用程序中添加html。您可以移动到模板中的代码下方，并使用ng-include在所有视图中添加此模板。

<div class="bottom-bar">
  <ul>
    <li><a href="/pages/#/">Retour {{bottomBar}}</a></li>
  </ul>
</div>

这是因为您的控制器范围存在于此div中，并带有ngView。因此，此div之外的任何内容都不具有范围绑定。

<div class="page {{pageClass}}" ng-view></div> <!-- controller active here only -->

范围不起作用

1 个答案: