Angularjs 角度js ng包括不链接到范围/控制器功能_Angularjs

Angularjs 角度js ng包括不链接到范围/控制器功能

angularjs

Angularjs 角度js ng包括不链接到范围/控制器功能,angularjs,Angularjs,需要一些大师的建议。我已经创建了一个简单的菜单外画布，您可以在下面的plnkr中找到的代码中看到。问题是我使用了navbar的ng include，它有一个与主作用域交互的切换开关问题是显示了导航栏，但当我尝试单击切换按钮时，它不起作用。请告诉我如果我替换navbar.html内容并将其放在主页中，它就可以正常工作如果有人能告诉我发生了什么，我将不胜感激？那周围的工作呢？提前谢谢这是我在plnkr中找到的代码： <html ng-app="plunker"> <hea

需要一些大师的建议。我已经创建了一个简单的菜单外画布，您可以在下面的plnkr中找到的代码中看到。问题是我使用了navbar的ng include，它有一个与主作用域交互的切换开关

问题是显示了导航栏，但当我尝试单击切换按钮时，它不起作用。请告诉我

如果我替换navbar.html内容并将其放在主页中，它就可以正常工作

如果有人能告诉我发生了什么，我将不胜感激？那周围的工作呢？提前谢谢

这是我在plnkr中找到的代码：

<html ng-app="plunker">

<head>
  <meta charset="utf-8" />
  <title>AngularJS Plunker</title>
  <script>
    document.write('<base href="' + document.location + '" />');
  </script>
  <link rel="stylesheet" href="style.css" />
  <script data-require="angular.js@1.3.x" src="https://code.angularjs.org/1.3.11/angular.js" data-semver="1.3.11"></script>
  <link data-require="bootstrap-css" data-semver="3.3.1" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" />
  <link data-require="bootstrap@*" data-semver="3.3.1" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" />
  <script data-require="bootstrap" data-semver="3.3.1" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
  <script src="app.js"></script>

</head>

<body ng-controller="MainCtrl">
  <!--navLeft Menu-->
  <div class="navLeft" ng-class="navLeft?'navLeft-on':'navLeft-off'">
    <div ng-show="navLeft">
      <ul>Nav goes here</ul>
    </div>
    <!--/Nav div show-->
  </div>
  <!--/Nav Left-->

  <!--navRight Menu-->
  <div class="navRight" ng-class="navRight?'navRight-on':'navRight-off'">
    <div ng-show="navRight">
      hi
    </div>
    <!--/Nav div show-->
  </div>
  <!--/Nav right-->

  <!--Canvas where header, content and footer sits-->
  <div class="canvas" ng-class="navClick()">
    <!--changes class of canvas in accordance to NavLeft or NavRight is on-->
    <div ng-include="'navbar.html'"></div>

    <!--content-->
    <div class="content">
      Content goes here
    </div>
    <!--/content-->

  </div>
  <!--/canvas-->


</body>

</html>


安古拉斯普朗克
文件。写（“”）；
导航到这里
你好
内容在这里

ng包括创建新作用域，以便访问MainCtrl作用域，您可以在navbar.html中使用$parent

ng-click="$parent.navLeft=!$parent.navLeft"

请看这里

更改或创建新对象

  $scope.nav = {

    navLeft:false,//default navLeft menu off
    navRight:false//default navRight menu off

  };

之后，您可以在导航栏中使用

nav.navLeft

请看这里

<>但是你应该考虑把你的控制器分成更小的部分IE：内容、Navar和使用服务< /P>之间的通信，谢谢一百万，工作了！是的，关于服务部分，你是对的，对angularjs来说还是很新的，我会去看看。实际上我现在正在研究服务，并试着去了解它。您是否能够进一步了解此应用程序将如何从服务中受益？真的很感激comments@KaTech请看这里