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

Question

我只想测试在以下存储库中使用的 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!

错误：

Answer 1

要使用 aside 服务，您必须像这样注入它（注意构造函数中的 $aside 注入）：

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

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

Using ngAside for opening a simple left-menu Modal

javascript

angularjs

angularjs-directive

bootstrap-modal