指令AngularJs中的链接函数的访问范围？

我想从指令的链接或控制器函数中访问ng-repeat中的数据。我的指令代码如下所示。指令AngularJs中的链接函数的访问范围？

app.directive('ssLeftNavDirective', function($rootScope) { 
// Runs during compile 
    return { 
     templateUrl: 'leftnavmenu.html', 
     scope: { 
      displayMode: '=' 
     }, 
     controller: function($scope) { 
      $scope.tests = ['health check', 'Performance Monitor', 'Compare Test', 'API Helpdesk']; 
      $scope.troubleshooting = ['Trouble Shooting 1', 'Trouble Shooting 2', 'Trouble Shooting 3']; 
      $scope.help = ['Help 1', 'Help 2', 'Help 3']; 
      $scope.settings = ['Settings 1', 'Settings 2', 'Settings 3']; 
     }, 
     link: function($scope, iElm, iAttrs, controller) { 
      $scope.menuDisplayed = true; 
      $scope.tests = ['health check', 'Performance Monitor', 'Compare Test', 'API Helpdesk']; 
      $scope.troubleshooting = ['Trouble Shooting 1', 'Trouble Shooting 2', 'Trouble Shooting 3']; 
      $scope.help = ['Help 1', 'Help 2', 'Help 3']; 
      $scope.settings = ['Settings 1', 'Settings 2', 'Settings 3']; 
     } 
    }; 
});

我将它添加到控制器和链接中，以测试它。

这是该指令的模板：

<div id="menudiv"> 
<nav id="leftnavmenu" ng-class="menuDisplayed ? 'navon' : 'navoff'"> 
    <a href="#" ng-repeat="nav in displayMode">{{nav}}</a> 
</nav> 
<i class="fa hamburgermenu" aria-hidden="true" 
      ng-class="menuDisplayed ? 'menuon fa-times' : 'menuoff fa-bars'" 
      ng-click="menuDisplayed = !menuDisplayed"> 
</i>

在主HTML我加入这样的指令和范围值。

<ss-left-nav-directive display-mode="tests"></ss-left-nav-directive>

为什么不从显示模式范围传递测试？我在这里做错了什么？

来源

2017-04-15 Aijaz

如果'tests'阵列属于你的指令，那么你不需要使用隔离范围来获得它。你可以简单地使用'$ scope.tests'来检索它。如果属于父控制器，然后再看@ 32teeth的回答下面 – Ladmerc

该指令控制器和向链路功能访问的指令的**隔离** *孩子*范围。指令双向'='绑定属性访问*父*范围变量。有关更多信息，请参阅[AngularJS开发人员指南 - 隔离指令的范围]（https://docs.angularjs.org/guide/directive#isolating-the-scope-of-a-directive） – georgeawg

您正在定义tests错误的地方。它不应该在指令的链接函数或控制器中定义，而应该在使用指令的模板的控制器中定义。因此，对于，

<div ng-controller="AppController"> 
    <ss-left-nav-directive display-mode="tests"></ss-left-nav-directive> 
</div>

在AppController中（或任何控制器tests绑定到），

app.controller('AppController', function ($scope) { 
     $scope.tests = ['health check', 'Performance Monitor', 'Compare Test', 'API Helpdesk']; 
    });

及以下的指令应该工作，

app.directive('ssLeftNavDirective', function ($rootScope) { 
    // Runs during compile 
    return { 
     templateUrl: 'leftnavmenu.html', 
     scope: { 
      displayMode: '=' 
     }, 
     controller: function ($scope) { 
      $scope.menuDisplayed = true; 
     }, 
     link: function ($scope, iElm, iAttrs, controller) { 
     } 
    }; 
});

来源

2017-04-15 07:09:21 32teeths

指令AngularJs中的链接函数的访问范围？

回答

相关问题