Question

嗨，
我刚开始使用AngularJS来创建应用程序，我发现了一个奇怪的问题。我搜索类似的问题然而我没有找到任何解决方法 - 这就是为什么我在这里的人！ :) - 。

我的项目规格： AngularJS，NodeJS，Yeoman，Grunt，Bower
我网站的“主要”是index.html。它包含页眉，页脚，这是我包含所有常见内容（导航栏等）和ng-view的地方。
我正在研究localhost:3502。

就像我在标题中所说的那样，所有指令都不适用于我的ng-view 但是，index.html页面中的任何内容都可以我已经激活了调试模式，但没有错误！
我会告诉你一个例子。

的index.html

<html ng-app="3DevApp">
  <head>
    // ...
  </head>
  <body>
    <!-- I work very good, sir -->
    <div ng-controller="ViewCtrl">
      <button ng-click="changeView('HelloWorld')">Say hi</button>
    </div>

    <div ng-view></div>
  </body>
</html>

main.js

angular.module('3DevApp')
  .controller('ViewCtrl', function($scope, $location) {
    $scope.changeView = function(view) {
      $location.path(view);
    }
  });

所以，这很好用。 ng-view已更改（默认加载的视图为main.html）现在，如果我复制并浏览主视图中的代码main.html，指令将无效。
其中任何一个事实上。

main.html中

<!-- I dunno want to work :) -->
<div ng-controller="ViewCtrl">
  <button ng-click="changeView('HelloWorld')">Say hi</button>
</div>

感谢您的帮助。

Answer 1

两个字：霍莉屎经过几个小时的搜索后，我自己找到了解决办法...... 我的其他控制器不是由凉亭自动包含的我手动包含它们，现在即使这些控制器与该控制器没有任何共同点，它也能正常工作...... 遗憾。

指令在被调用的视图中不起作用，但在index.html页面中没有问题

1 个答案: