2017-01-28 2 views
0

Ich versuche, ng-admin für die erste Zeit zu verwenden. Ich folge nur dem Beispiel und ich kann nichts im Browser sehen. Mein Code ist minimal, also nicht sicher, was ich falsch mache.angularjs ng-admin 0.9 zeigt nichts

irgendwelche Ideen? habe ich nicht richtig installiert? Ich habe es gerade von einer Site heruntergeladen und die Datei entpackt.

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="utf-8"> 
     <title>My First Admin</title> 
     <link rel="stylesheet" href="external/ng-admin/build/ng-admin.min.css"> 
     <script src="external/ng-admin/build/ng-admin.min.js" type="text/javascript"></script> 
     <script src="admin.js" type="text/javascript"></script> 
    </head> 

    <body ng-app="myApp" ng-strict-di> 
     <div ui-view="ng-admin"></div> 
    </body> 
</html> 


// declare a new module called 'myApp', and make it require the `ng-admin`  module as a dependency 
var myApp = angular.module('myApp', ['ng-admin']); 

// declare a function to run when the module bootstraps (during the 'config' phase) 
myApp.config(['NgAdminConfigurationProvider', function (nga) { 

// create an admin application 
var admin = nga.application('My First Admin') 
    .baseApiUrl("http://vl-esifakis-ice:8000/tracker/"); 

var foundry = nga.entity('foundry'); 

foundry.listView().fields([      
          nga.field('name'), 
          nga.field('id') 
          ]); 

admin.addEntity(foundry); 
    // more configuration here later 
    // ... 
    // attach the admin application to the DOM and execute it 
    nga.configure(admin); 
}]); 
+0

haben Sie Fehler in der Konsole sehen? – Sajeetharan

+0

@Sajeetharan keine Fehler, nur eine leere Seite. Es ist, als ob etwas nicht geladen wird. Wenn ich die Seite neu lade, blinkt eine blaue Linie über der Oberseite, aber nichts wird auf der Seite gezeichnet. –

+0

@Sajeetharan tatsächlich kann ich jetzt Fortschritte machen ... musste den Browser-Cache löschen, um die Dinge funktionieren zu sehen. –

Antwort

0

Hier ist eine Demo, die ich gemacht habe,

<!DOCTYPE html> 
<html> 
    <head> 
    <link data-require="[email protected]" data-semver="0.0.1" rel="stylesheet" href="https://unpkg.com/ng-admin/build/ng-admin.min.css" /> 
    <link rel="stylesheet" href="style.css" /> 
    <script data-require="[email protected]" data-semver="0.0.1" src="https://unpkg.com/ng-admin/build/ng-admin.min.js"></script> 
    <script data-require="[email protected]*" data-semver="1.3.5" src="https://code.angularjs.org/1.3.7/angular-mocks.js"></script> 
    <script src="admin.js"></script> 
    <!-- <script src="backend.js"></script> 
    -->  
    </head> 
    <body ng-app="myApp"> 
    <div ui-view="ng-admin"></div> 
    </body> 
</html> 

DEMO

+0

funktionierte immer noch nicht für mich .... Ich kopierte Ihren Code genau aber das gleiche Verhalten :( –