Angular ui.router呈现归属状态，但不呈现其他状态

Question

我正在使用MEAN堆栈构建应用程序，并且在我的<span id="int"><?php echo $m[1]; ?></span> setInterval(function () { $('#int').load('getInt.php'); }, 5000); [getInt.php] $raw = file_get_contents('https://www.instagram.com/USERNAME'); preg_match('/\"followed_by\"\:\{\"count\"\:([0-9]+)/', $raw, $m); echo $m[1]; 文件中

index.ejs。

我的<div ui-view style="height: 100%"></div>文件声明了以下状态：

angularApp.js

我还有一个导航栏如下：

var app = angular.module('foundry-io', ['ui.router']);

app.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) {

  $stateProvider
    .state('home', {
      url: '/',
      templateUrl: 'javascripts/views/main.html',
      controller: 'MainController'
    })
    .state('print', {
      url: '/print',
      templateURL: 'javascripts/views/print.html',
      controller: 'MainController'
    });

  $urlRouterProvider.otherwise('/');
}]);

本地状态按预期呈现，但是当单击“服务”导航按钮时，呈现的视图为空白黑屏。如何在“主页”视图之外渲染其他视图？

谢谢。