NG重复中没有找到用于MD-Sidenav的实例

Question

我正在尝试创建一个动态创建的MD-Sidenavs的堆栈。我可以将他们的ID推到堆栈上，但是在使用NG重复时无法切换它们。

使用：

app.controller('MenuCtrl', ['$scope', '$mdSidenav', function($scope, $mdSidenav) {
  var stack = [];
  $scope.getStack = function() {
    return stack;
  }
  $scope.add = function(id) {
    stack.push(id);
  }
  $scope.toggle = function(id) {
    $mdSidenav(id).toggle();
  }
}]);

with：

<md-button ng-click="add('test')" class="menuBtn">Add</md-button>
<md-button ng-click="toggle('test')" class="menuBtn">Toggle</md-button>
<md-sidenav class="md-sidenav-left md-whiteframe-z2" md-component-id="{{id}}" ng-repeat="id in getStack()">
  {{id}}
</md-sidenav>

单击"添加"按钮会按预期在DOC中产生MD-Sidenav元素。但是，"切换"按钮除了在控制台中产生"未找到用于句柄测试的实例"错误。用md-component-id="test"声明静态的MD-Sidenav工作正常。我使用的是AngularJS 1.3.15和角材料0.8.3。

Answer 1

从'sidenav'指令来源它似乎不接受MD-Component-ID的动态值