问Angular JS "pageslide-directive“
EN

Stack Overflow用户

提问于 2015-03-20 22:31:44

回答 1查看 906关注 0票数 0

我对angular Js比较陌生。我想使用pageslide-Directive。下面我已经分享了样本模板。如何在该面板中动态加载该内容。请提个建议。

<head>
    <meta charset='utf-8' />
    <meta http-equiv="X-UA-Compatible" content="chrome=1" />
    <meta name="description" content="Ng-pageslide : AngularJS sliding panel for serving additional content" />
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"></script>
    <script  src="angular-pageslide-directive.js"></script>
    <link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/foundation/5.0.0/css/foundation.min.css"> 
    <title>AngularJS Pageslide directive demo</title>
    <style>
        .ng-pageslide {
            background: #eee;
        }
    </style>
    <script>
       var app = angular.module("app", ["pageslide-directive"]);




    </script>
</head>

<body >
    <!-- MAIN CONTENT -->
    <div ng-app="app" ng-controller="test" id="" class="outer" style="padding:20px">           
         <a  class="large button" pageslide  ps-side="right" ps-speed="0.5"  ng-click="profile_action('')" href="#demo-right">Open Demo</a>         <div style="padding:20px" id="demo-right">
           {{ NAME}}
            <a id="demo-right-close"i class="button" >Close</a>
        </div>                                            
    </div>

</body>

javascript

html

angularjs

回答 1

Stack Overflow用户

发布于 2015-03-20 22:39:23

您必须向面板添加一个控制器，并使用它将内容加载到面板的项目中

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/29168977

复制

相似问题

问Angular JS "pageslide-directive“
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Angular JS "pageslide-directive“EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Angular JS "pageslide-directive“
EN