简介
angular-gulp-jod 是一个基于 AngularJS 和 Gulp 的前端框架，它能够帮助我们快速开发前端应用，提高我们的工作效率。它提供了一些基础的组件和工具，例如路由、HTTP 请求、模板等等，同时还可以通过 Gulp 进行构建、打包、压缩、合并等操作。
安装
首先，我们需要在本地安装 Gulp：
npm install -g gulp
然后，我们可以通过下面的命令安装 angular-gulp-jod：
npm install angular-gulp-jod
使用
引入 angular-gulp-jod 的方式很简单，只需要在 HTML 文件中添加下面的代码即可：
<script src="node_modules/angular-gulp-jod/dist/angular-gulp-jod.min.js"></script>
接下来，在我们的 AngularJS 应用中引入模块即可：
angular.module('myApp', ['jod']);这样就完成了 angular-gulp-jod 的引入和配置。
指令
本框架提供一些基础的指令，可以提高我们的开发效率。
jod-submit
jod-submit 指令为表单元素添加 Enter 键提交事件，并阻止默认行为。
使用方法如下：
<form jod-submit="submit()"> <input type="text" ng-model="query"> </form>
jod-confirm
jod-confirm 指令为按钮添加弹窗确认框，避免误操作。
使用方法如下：
<button ng-click="delete()" jod-confirm="确定要删除吗？">删除</button>
jod-modal
jod-modal 指令为模态框添加弹出窗口效果，同时可以自定义模态框内容和样式。
使用方法如下：
-- -------------------- ---- -------
---- --------------------
---- ---------------------
--- ------------------------- ----------
------
---- -------------------
----- -------
------
---- ---------------------
------- ---------- ------------ ---------------------------
------- ---------- ------------ -----------------------------------
------
------Gulp
angular-gulp-jod 还提供了一些基于 Gulp 的自动构建工具，可以帮助我们进行自动化构建、打包、压缩、合并等操作。
安装
我们需要在 angular-gulp-jod 的根目录下运行下面的命令安装依赖项：
npm install
使用
在 angular-gulp-jod 的根目录下运行下面的命令即可进行自动化构建操作：
gulp
这样，Gulp 就会自动对我们的前端资源进行构建、打包、压缩、合并等操作，同时还会启动一个本地服务器，帮助我们快速预览效果。
示例代码
下面是一个基于 angular-gulp-jod 的简单示例：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
---------------- - ---- - --- ---------------
----- ---------------- ---------------------------------------------------------
------- ---------------------------------------------------
------- --------------------------------------------------------------------------
------- ----------------------
-------
----- ---------------
---- ------------------
---------- ------ --- ----------------
----- ----------------------
---- -------------------
-----------------------
------ ----------- -------------------- -----------------
------
-------
----
--- -------------------
--- ----------------------- --------------- -- -------
-- ------------------- ----------------------------------
--------------------
-----
-----
------
---- --------------------
---- ---------------------
--- ------------------------- ----------
------
---- -------------------
----- -------
------
---- ---------------------
------- ---------- ------------ ---------------------------
------- ---------- ------------ -----------------------------------
------
------
-------
--------- -------------------- ---- -------
----------------------- --------
--------------------- ---------------- ------ -
------------ - ---
------------- - ---------- -
-------------------- -
------- -
-- ------------
-
--------------------- -
------------ - ---------
-- ------------- -
-------------------
---
--
--------- - ---------- -
-- ----
--
------------- - ---------- -
-- ----
--
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600556f281e8991b448d3d66