gpt4 book ai didi

javascript - 使用 ngAside 打开一个简单的左侧菜单模态框

转载 作者:行者123 更新时间:2023-12-02 15:00:34 28 4
gpt4 key购买 nike

我只想在以下存储库中使用的 ngAside 的帮助下测试打开左侧模态:

https://github.com/dbtek/angular-aside

我认为我做得对,仍然可以发现js错误。有人可以帮忙吗?

index.html:

<html>

<head>
<!-- Required CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css"/>
<!-- Required Scripts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.1.2/ui-bootstrap-tpls.min.js"></script>
<script src="../js/angular-aside.min.js"></script>
</head>

<body ng-app="myApp" ng-controller="myCtrl">
<input type="text" ng-model="name"/>
{{name}}

<script>
//module declaration
var app = angular.module('myApp',['ui.bootstrap', 'ngAside']);
//Controller declaration
app.controller('myCtrl',function($scope){

$scope.name = "Peter";

var asideInstance = $aside.open({
templateUrl: 'aside.html',
controller: 'AsideCtrl',
placement: 'left',
size: 'lg'
});

});

app.controller('AsideCtrl',function($scope){


});
</script>
</body>

</html>

aside.html

Hello World!

错误:

enter image description here

最佳答案

要使用 aside 服务,您必须像这样注入(inject)它(注意构造函数中的 $aside 注入(inject)):

 app.controller('myCtrl',function($scope, $aside){
...
});

关于javascript - 使用 ngAside 打开一个简单的左侧菜单模态框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35457017/

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