如何添加不調用後端的ng-admin視圖？

Question

我想添加一個靜態視圖在ng-admin，其中不需要後端調用。像是關於部分的東西。有沒有辦法做到這一點？

Answer 1

沒有什麼特別要做的（這是相當平常的角度方式）：

只是在你的NG-admin.js文件添加新的路由（通過$ stateProvider或$ routeProvider）：

(function() { 
    "use strict"; 

    var app = angular.module('NgAdminBackend', [ 
     'ng-admin', 
     'myNewModule', //first add a new module 
    ]); 
    app.config(['NgAdminConfigurationProvider', 'RestangularProvider', '$stateProvider', 
     function (NgAdminConfigurationProvider, RestangularProvider, $stateProvider) { 
      var nga = NgAdminConfigurationProvider; 

      // API Endpoint 
      var backend = nga.application('My Backend', false) 
        .baseApiUrl(config.BASEAPIURL); 

      // plus if you want a menu link 
      backend.menu(nga.menu() 
        .addChild(nga.menu().link('/myCustomLink').title('Hello').icon('<span class="glyphicon glyphicon-home"></span>')) 
        ); 

      // new routes here 
      $stateProvider 
        .state('myCustomState', { 
         url: '/myCustomLink', 
         controller: 'myCustomController', 
         templateUrl: 'modules/myCustomTemplate.html' // example of location of your new page template 
        }) 
        ; 
      ... 
        nga.configure(backend); 
     }]); 
}()); 

然後在新的控制器（位置的例子：腳本/模型/ myCustomController.js）：

'use strict'; 

var app = angular.module('myNewModule', []); 

app.controller('myCustomController', 
     ['$scope', 
      function ($scope) { 
      // add your logic here 
      }]); 

最後，不要忘了一個鏈接在您的index.html添加到您的新控制器：

<script src="scripts/models/myCustomController.js"></script>