2017-01-28 16 views
0

我想在第一次使用ng-admin。我只是在示例中,我無法在瀏覽器中看到任何東西。我的代碼是最小的,所以不知道我做錯了什麼。angularjs ng-admin 0.9不顯示任何內容

有什麼想法?我沒有正確安裝嗎?我剛剛從網站下載並解壓縮文件。

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

你看到在控制檯的任何錯誤? – Sajeetharan

+0

@Sajeetharan沒有錯誤,只是一個空白頁。這就像是沒有被加載的東西。當我重新加載頁面時,藍色的一條線在頂部閃爍,但頁面上沒有繪製任何內容。 –

+0

@Sajeetharan實際上我現在能夠取得進展......必須清除瀏覽器緩存才能看到工作。 –

回答

0

這裏是我做了一個演示,

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

仍然沒有爲我工作....我完全複製你的代碼,但同樣的行爲:( –