为什么视图不显示在 angular js 上？

Question

我正在尝试使用模块形式使用 angular js 显示视图。您能告诉我为什么它不显示我的视图或页面吗我在此分享我的代码 link http://goo.gl/ocBdQ5

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="css/foundation.css" />
    <script src="lib/angular.js" type="text/javascript"></script>

    <script src="lib/angular-ui-router.js" type="text/javascript"></script>
     <script src="js/firtdir/module.js" type="text/javascript"></script>
     <script src="js/firtdir/router.js" type="text/javascript"></script>
       <script src="js/firtdir/controller/firstcontroller.js" type="text/javascript"></script>
    <script src="js/app.js" type="text/javascript"></script>
</head>

<body >
     <div ng-app="firstApp">
         <div ui-view="app"></div>
     </div>


</body>

</html>

Answer 1

我已经解决了以下问题，现在您的示例可以正常工作了。

演示：http://goo.gl/3eh5hz

问题已修复

index.html >> 目录名称在 url

中更正为 "firstdir"

路由 >> 控制器应该在如下视图中

$stateProvider.state('app', {
 url: '/app',
 views:{
  app: 
  {
        templateUrl: 'js/firstdir/templates/firstpage.html', 
        controller:"firstcont" 
  }
 }
});

为什么视图不显示在 angular js 上？

why the view not display on angular js?

javascript

jquery

angularjs

angularjs-directive

angularjs-scope

问题已修复