0

您好，我正在尝试使用 grunt-ngdocs 为指令创建一个示例：https ://github.com/m7r/grunt-ngdocs

示例标签的文档非常差，所以我无法在 ng-docs 和 plnkr 中创建一个工作示例。

我的示例如下所示：

 <example module="ex">

   <file name="controller.js">
   angular.module('ex', ['starter.directives']);
   function Ctrl($scope) {
        $scope.tasks = [{AuftragID: 1, Auftragsnummer: 111, Info: "Hallo", Result01: "Test"}];
    }
   </file>

   <file name="directive.js">
     angular.module('starter.directives', []);
     .directive('cgTaskCard',function() {
      return {
        restrict:'E',
        scope: {
          task: '=',
          mode: '='
        },
        templateUrl: 'cgTaskCard.html',
        link: function($scope, element, attrs){
        },
        controller: function($scope) {
        }
      };
    });
   </file>

   <file name="cgTaskCard.html">
     <div class="list card" ng-class="mode.nightMode">
       <div class="item item-divider text-small" ng-class="mode.nightModeContrast">
         <span>Auftragsnummer: {{task.Auftragsnummer}}</span>
       </div>
       <a ng-href="#/app/tasks/{{task.AuftragID}}" class="item item-text-wrap" ng-class="mode.nightMode">
         <div>
           <div ng-if="task.Info"><b>{{task.Info}}</b></div>
           <div ng-if="task.Result01">{{task.Result01}}</div>
         </div>
       </a>
     </div>
   </file>

   <file name="index.html">
     <ion-view ng-controller="Ctrl">
       <ion-content ng-class="mode.nightMode">

         <ion-refresher
         pulling-text="Aktualisieren..."
         on-refresh="">
         </ion-refresher>

         <cg-task-card
         ng-repeat="t in tasks"
         task="t"
         mode="mode">
         </cg-task-card>

       </ion-content>

     </ion-view>
   </file>

 </example>

该指令在运行时效果很好，问题只是为我编写的软件的文档创建一个示例。

plnkr 在这里：

http://plnkr.co/edit/2ZnWoCAyRPfEzPJ07Qph?p=preview

4

0 回答 0