2015-03-20 3 views
0

Я более свежа к угловым Js. Я хочу использовать pagelide-Directive. Ниже я разделил образец шаблона. Как загрузить этот контент динамически на этой панели. Пожалуйста, предложите.Угловая JS "pagelide-директива"

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

ответ

1

Вы должны добавить контроллер на панель и использовать его, чтобы загрузить содержание к элементам панели сканирования