Question

我对前端技术没有经验，所以我今天开始学习AngularJS。我具有以下项目结构：

|-webapp
     |
     |-css
     |-lib
     |-scripts
     |-index.html

我分析了一些示例项目，并发现scripts文件夹中的代码通常引用lib文件夹中存在的例程。我想知道的是，首先应该如何填充lib文件夹？是否有执行此操作的通用程序，例如一个自动导入操作，可以分析我的代码并将相应的依赖项自动放入lib中？与后者一致，诸如IntelliJ之类的IDE是否提供任何功能来实现此目的？

谢谢您的帮助。

Answer 1

在angularJS中，您必须手动导入所需的依赖项，因为您必须将其注册到称为app.module的主模块中。 AngularJs遵循MVC结构，因此您还需要为所有AngularJs控制器创建新文件夹。我建议您首先了解angularJs的基本工作流程。其应用程序如何启动。

webapp -
   |scripts -  bootstrap.min.js/bootstrap.js
            -   angular.js 
            -   
   |controllers- login.js
                -logout.js 

   | html- index.html,
          -login.html

基本思想：您也可以参考

<html>
<head>

    <title>Assignment !!</title>
    <!-- BOOTSTRAP STYLES-->
    <link href="..//css/bootstrap.css" rel="stylesheet" />

    <!--  SCRIPTS or Library from other sources -->
    <script src="../Scripts/bootstrap.min.js"></script>
    <!-- Customized SCRIPTS -->

    <script src="../Custom/Controllers/Login.js"></script>
    <script src="../Custom/Controllers/Logout.js"></script>
</head>
<body class="homepage" ng-app="AngularApp">
    <div ng-controller="InwardbillCtrl" >
 </body>   
             <---Put your content here -->
</body>
</html>

填充Angular项目的lib文件夹

1 个答案: