2016-03-20 8 views
1

Ich benutze Yeoman, um eine eckige Anwendung zu generieren und es mit Phonegap auf eine mobile Plattform (iOS) um genau zu sein, jedoch habe ich Probleme mit Richtlinien zu arbeiten.Einschließlich Direktiven mit Phonegap

Ich habe eine Anweisung namens "Header", die im Grunde tut, was es auf der Box sagt und zeigt eine Überschrift und sieht so aus.

Ich benutze Yeoman, um eine eckige Anwendung zu generieren und sie mit phonegap auf einer mobilen Plattform (ios) zu implementieren, um genau zu sein, jedoch habe ich Probleme damit, Direktiven zum Laufen zu bringen.

Ich habe eine Anweisung namens "Header", die im Grunde tut, was es auf der Box sagt und zeigt eine Überschrift und sieht so aus.

angular.module('myappApp').directive('header', function(contentUpdater) { 

    function link(scope) { 
     scope.contentUpdater = contentUpdater; 
     scope.headerTextThin = scope.contentUpdater.getHeaderTextThin(); 
     scope.headerTextBold = scope.contentUpdater.getHeaderTextBold(); 
    } 

    return { 
     restrict: 'E', 
     link: link, 
     scope: { 
     }, 
     templateUrl: 'header.html' 
    }; 
}); 

Obwohl es auf dem Browser angezeigt wird, wenn ich mit Phonegap IOS simuliere, wird es nicht angezeigt. Ich habe den Header in unter app/scripts/direktiven/header.html und die js-Datei in app/scripts/direktiven/header.js

Antwort

0

Ich erinnere mich nicht, ob Phonegap Code standardmäßig minimiert, aber vielleicht ist es das Javascript vor der Bereitstellung auf dem iOS egglesieren?

In diesem Fall sollte das Problem behoben:

angular.module('myappApp').directive('header', 
['contentUpdater', function(contentUpdater) { 
    // ... 
}]); 
+0

es es macht minify jedoch, die nicht funktioniert hat :( – adanalig

+0

@adanalig minification Könnte eine andere Injektion vermasselt sein? –