2017-01-28 15 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

仍然没有为我工作....我完全复制你的代码,但同样的行为:( –