gpt4 book ai didi

angularjs - 在 ng-repeat 中找不到 md-sidenav 句柄的实例

转载 作者:行者123 更新时间:2023-12-04 18:39:18 25 4
gpt4 key购买 nike

我正在尝试创建一个由多个动态创建的 md-sidenavs 组成的堆栈。我可以将它们的 ID 推送到堆栈上,但不能在使用 ng-repeat 时切换它们。

使用:

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();
}
}]);

和:
<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>

单击“添加”按钮会按预期在文档中生成 md-sidenav 元素。但是,切换按钮除了在控制台中产生“没有找到用于句柄测试的实例”错误之外什么也不做。使用 md-component-id="test" 声明静态 md-sidenav工作正常。我使用的是 AngularJS 1.3.15 和 Angular Material 0.8.3。

最佳答案

来自`Sidenav'指令source它似乎不接受 md-component-id 的动态值

关于angularjs - 在 ng-repeat 中找不到 md-sidenav 句柄的实例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30092304/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com