为什么视图不显示在 Angular JS 上

why the view not display on angular js?

本文关键字：Angular JS 显示 视图 为什么      更新时间：2023-09-26

我正在尝试使用模块形式使用角度js显示视图.您能否告诉我为什么它不显示我的视图或页面我在此链接上分享我的代码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>

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

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

已修复的问题

索引.html>>目录名称在 url 中更正为"firstdir"

控制器>>路由应位于视图内部，如下所示

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