こんにちは、grunt-ngdocs を使用してディレクティブの例を作成しようとしています: https://github.com/m7r/grunt-ngdocs
example タグのドキュメントは非常に貧弱であるため、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 はここにあります: