使用ngAside打开一个简单的左菜单莫代尔

我只是想测试打开左模与下面的库使用ngAside的帮助：
使用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!

ERROR：

来源

2016-02-17 Deadpool

要使用aside服务，你必须注入像这样（请注意在构造函数中的$一边注射）：

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

来源

2016-02-17 12:42:33 Zakaria

使用ngAside打开一个简单的左菜单莫代尔

回答

相关问题