在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
最近一直在学习angularjs，只是局限在一些几行，几十行的小例子上，想找一个完整的项目（不需要太大），学习一下怎么用angularJs架构，怎么抽取服务啊，指令见的调用什么的，谢了
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
官方的tutorial看了没，对应的项目.对照官网的文档上迭代式的讲解学习，绝对是学angular第一个要看的项目。看完之后对angular的整体结构，有哪些功能基本就都有数了。然后就可以自己做个小项目了，在项目中再对相关主题，进行更深入的学习。
ps:有很多中文的turorial,但基本都和当前版本有出入，请直接看的。须翻墙。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
自己设计一个小的应用，然后用angular做出来。你去看别人的项目不如直接自己做。比如做个在线聊天的SPA，用node做后台把socket也练了。整体不难，但有很多空间。比你去看别人代码好多了。
另外，别想着看别的项目学习，好的你未必学得到，坏的还不如不学。自己做，有心得，然后能抄别的就吵。只要最终把你设计的应用做出来。你就知道哥们我所言不虚了。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
正在开发中的一个项目，git
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
可以看看我最近写的，用到好几个功能，团队当作入门例子：
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
angularjs完整开源项目-魔导网
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
我有个用angular-js做的java项目，你可以看看：
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
github上的jsgen，现在已经作为Angular社区在运行了，使用node和angularJS
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
比较推荐todoMVC的那些范例，angular的版本在
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
一个自己写的Python+Flask 为后台， AngularJS 为前端的项目
主要就是用Python Scrapy 做网络爬虫， 通过AngularJS的前端来显示结果， 控制，配置后端的爬虫
具体的运行在 Heroku
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
建议初学者 略过官方前端路由那块, 容易误导, 如果没有后端基础,直接前端路由SPA 坑实在太多了
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
umbraco的后台
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
刚开始学，搜集了一些被人的例子，，一起分享一下，学习中
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
已经angular5时代了，推荐一个Angular5入门教程：
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
不知道怎么运行求教
该答案已被忽略，原因：
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
我最近写了个angularJS的项目，使用的是gulp构建根据，angularJS框架，和nodejs平台。欢迎下载与star：
让我们一起学习研究。
该答案已被忽略，原因：
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。推荐：20个有用的Angular.js工具
招聘信息：
原文：，参与译者：, , , , 喜欢Angular.js？我们为开发者编写了一份最佳angular.js工具和资源清单，这可让使用 angular 开发应用程序变得高效。对于大多数想要设计动态Web应用的开发者而言，Angular.js 成为了一个可以选择的框架。angularjs 开发者如果想开始一个 AngularJS 工程，为了采取成熟的方式开发网页，他们或许需要很多工具。为了减轻使用AngularJS开发Web应用的负担，这里列出了几个出色的工具，包括测试、前端开发、编辑、函数库、扩展、模块、代码生成器、网格工具。Angular.js开发最佳IDEAngular.js 需要的大部分集成开发环境（IDE）和轻量级的编辑器列在了下面。Webstorm是一个出色的代码编辑器，它完全理解工程，可以为任何类型的网站提供高质量的代码。它支持所有最流行最新的网站开发技术。使用这个工具开发网站，可以很好地集成单点或流程。Aptana 是一具集成开发环境，可以帮助你优雅地创建网站应用。使用它做为 AngularJS 的集成开发工具，你需要在 Eclipse 商店激活 AngularJS Eclipse 扩展。对 AngularJS Web 开发者来说，方便的文本编辑工具是 Sublime。它帮助程序员使用快捷方式或几个按键实现编码。它具有很强的适应性，可以定制任何类型的编程环境。它也可以按照你的意愿分块编辑。它还可以轻松地在项目之间切换，所有的修改都将自动保存在各自的项目中。Angular.js 的专用测试工具测试是开发的重要组成部分，无论对于使用 Angular.js 还是任何其他软件都是如此。下面的工具可以帮助你简化采用 Angular.js 开发的应用程序的测试。这些工具都是在线 JavaScript 测试工具的好伴侣。Protractor 是一个端到端的测试框架，贯穿于 AngularJS，是一个完全自动化的测试工具。它可以运行在真实的浏览器中测试你的应用程序。它使用了 WebDriver，Mocha, jasmine, Node.js, selenium 和cucumber 等都使用的伟大的技术。当所有的待处理网页任务完成时，它会自动使用AngularJS的应用进行通信。所以，你在测试时不需要使用等待或睡眠命令。Jasmine 是一个行为驱动开发框架，专为 Javascript 用户创建。它提供了基本的测试框架，并且可以持续维护。所有测试都可以使用一个 all-in-one 的包完成，这是 Jasmine 的主要特点，高效测试你的应用。这个框架的一个缺点是它不能感知运行平台（浏览器）。如果配合Karma使用这个问题很容易避免。Karma 可以做为测试运行者配合 Jasmine 使用。它是一个测试框架帮且你高效地测试应用。它是一个绝对意义上的前端开发工具帮助你创建和测试网站应用。你可以实时写代码，根据建议修改代码，以同样的格式保存代码。通过这个工具修改后的代码会自动布署到运行中的应用。最好的 Angular.js 函数库下面是一些有用的库，它们可以增强 angular.js 框架的能力，对开发者有所帮助。没有必要从头构建那些可能已经成为开放源码的函数库。对于所有 HTML，CSS 和 JavaScript 的前端开发者，CodePen 是一款完美的编辑工具。这个工具可以最大限度地减少对网站的创建、测试和完善的繁琐的网页开发工作。它是一个协作的在线编程环境。Web开发人员可以清晰地跨平台实时查看。它有一个浏览器中的代码编辑器，可以自动地迅速地上传多个文件。这个功能可协助 Web 开发人员在几秒的时间内创建一个新的代码。使用 Angular Fire，可以轻松地帮助你开发 AngularJS 的应用后台。AngularJS 绑定的 Firebase 已经正式被 Angular Fire 支持。Firebase 是一个基于云计算的平台，可以很容易地集成实时应用和快速创建后台。当 Firebase 和 Angular Fire 组合在一起，它们有助于以更快的速度同步数据和提供良好的用户管理服务。它还提供了一个三向的数据绑定、用户身份验证和静态托管。AngularJS 以高效率创建单页面应用而出名. 创建这些单页面应用时候，我们需要一个灵活的路由，这个优秀的 AngularJS 框架是构建一个全面的 UI 组件俗称 ui-router。 它能根据应用程序的状态提供一个简单的导航和改变视图,而不仅仅是基于 URL。AngularUI 还包含非常多的 UI 组件，这些组件是使用原生指令像 ui—maps,ui-calendar，ui-Bootstrap 创建的。这些UI组件和指令可以更快建设 Angular 网站UI Bootstrap 是一个不同寻常的 AngularUI 组件，它能帮助你创建基于智能手机的 web 应用程序，而且用户体验不错。这个 UI 组件提供的 AngularJS 原生指令完全兼容 Twitte Bootstrap。Angular.js 有用的扩展和工具下面是一些 Angular.js 扩展，可以满足一些特殊应用之需。Ng-Inspector 是一个优秀的浏览器插件，支持 Firefox，Chrome 和 Safari,复用它可以创建一个探测控制面板，方便开发，调试 AngularJS 应用，它提供了完整的辅助功能。使用它可以更方便的和你的应用交互，还可以实时更新。它还可以看到全部范围内的层次结构，模型，类型和值。点击你关注的一个范围，它会高亮显示相应的 DOM 结点。你可以使用 AngularJS Batarang 来调试你的 AngularJ S应用，它是一个专为 Chrome 提供的插件。它帮助你改善应用性能。还可能衡量调节性能的进度。AngularJS 独有的一个服务是 Restangular，它可以帮助您轻松应对各种要求，例如获取、发送、删除以及把数据存入数据库。它对于所有从 RESTful API 中大规模存取数据的 AngularJS 应用都很有必要。Generator Angular - 一个有用的工具你可以很容易地开始一个具有合理的默认值和最好的用例的项目。建立这样的 Angular 应用，这款 Yeomen generator 工具是非常有用的。它只需几条终端的命令，便加速了 AngularJS 应用的开发过程。这个工具是非常有用的。这些专用的生成工具将有助于应用了解项目的有关信息，并有助于开发和测试应用程序。Angular Deckgrid 可以为你提供响应度和颜值俱高的应用，可以适配不同的移动终端。轻量级类砖石结构易于创建灵活的表格，高效创建图片展示。Radian 是一个优秀的框架，使用它只需要少量的设置就可以开启 AngularJS 项目。在多人开发项目中它是一个理想的选择。Lumx 以快速简单的方式帮助你创建简单而优雅的应用。 这个可响应式前端框架是基于AngularJS 和Google 材料设计规范。这个工具可嵌入最新的技术，如 Sass 预处理器，AngularJS 和 JQuery，能极大地提高 web 应用的性能。你可以用英语编码，在编码需要被翻译的地方加上注解。Angular Gettext 工具就会自动翻译那些独立的部分。这是 AngularJS 非常简单而强大的翻译支持工具。AngularJS 框架内置 ngDocs 工具可以简化你项目文档和参考手册的相关工作。这款基于 Android 的工具也能提供给所有新手一些容易跟进的教程。无论是简单还是复杂的Web应用，在 AngularJS 框架中很容易创建一个表格，然后通过实用的 ngTables 工具进行高效的管理。ngTable 是 AngularJS 表格指令，支持排序，过滤和分页，在编译步骤中自动生成带有标题和过滤器的标题行。ngTable支持定制过滤选项，表格分组，表格外部数据控制等等功能。总的来说，这些都是创建任意 AngularJS Web 应用的，最有用的工具集合。用好这些工具可以帮助你轻松高效的创建 AngularJS 项目。希望这些对大家有所帮助，如果还有其他软件遗漏，可以在评论中补充：）
微信扫一扫
订阅每日移动开发及APP推广热点资讯公众号：CocoaChina
您还没有登录！请或
点击量3323点击量3300点击量2725点击量2228点击量2203点击量2144点击量2119点击量2005点击量1968
&2018 Chukong Technologies,Inc.
京公网安备89> 博客详情
摘要: angular项目真的意义和鄙人对于前端的笑笑看法
从我入行到现在,前前后后做过的项目已经好多,
今天鄙人有感而发,突然不想撸代码,想说说过去的一些心得和踩到的坑,
单拿我做过的angular项目来说吧, 有涉及到web端,也有涉及到移动端的,也有用angular来做管理后台的,也有用angular来做主要呈现型的网站的,
但是说实话angular来做移动端,哪怕是加上ionic,也没有想象中的轻便,
当然,我们的移动端也不一定都是手机,它也可以是pad,可以是电视盒子,等等...
如果由我来选择的话,做移动端我还是会选择react吧,因为它真的没有很多的约束性,可以任由我们自由地发挥,
个人觉得angular最骚的地方,还是配合coffee来开发管理后台,基本上设计师那边页面出来的话,一个多礼拜,整个后台就可以完工了,而且管理后台的好处就在于不需要做浏览器的兼容,这减去了我们前端的大量工作,真心地....
还有就是今天有一位童鞋突然来问我,有没有angular的小项目,想拿到手上学习学习,
当时我真的有点懵逼,我觉得如果一个angular的项目做的太小的话,那还有用他的必要吗?
如果说这个项目我要用angular的话,那肯定是涉及到了很多页面元素之间的交互,包括与后台的数据交流,而这些如果综合到一起的话,那这个项目必定不小,而且中间还夹杂了很多插件,
那么问题就来了,这样的一个项目,真的会小嘛???
而一个angular项目用的好不好,骚不骚,就在于angular插件的使用和封装,而说到封装,我觉得这真的不是一朝一夕的事情, 并不是说你学会了angular.directive的使用就可以,这还涉及到你对模块功能的解耦性,组件的重用性,以及对以后其他功能的延展性,,,,,等等
说到这些,可能对于一些刚刚接触angular的人有点懵逼,但我还是那句话,
不要因为遇到了一个困难就逃避它,因为你不知道接下来遇到的是不是一个新的困难
也永远不要指望别人来帮你做什么,凡事真的只能靠自己
这里我顺便扯开去一点,前段时间我认识的一个朋友,报名参加了一个Java培训班,具体金额我就不说了,
当时我就想说,有必要么?如果你是真的热爱这行,需要去培训?如果你只是为了糊口,那为什么要选择这行?
真的,码农这一行也很辛苦的,并不是高薪就代表了一切,
扯的有点远了,最后还是回到正题吧,如果有童鞋想学前端
angular\react\node\require\sea\h5\css3等等等,欢迎关注我,来问我问题,只要我知道的,我都会告诉你们,并不是为了提高我的什么什么,只是想帮助那些真正想学习的人
就到这里吧,0:00 &正好关机睡觉 &Zzzz....
支付宝支付
微信扫码支付
打赏金额: ￥
已支付成功
打赏金额: ￥&>&Angular项目
Angular项目
上传大小：30.97MB
前端采用angular做的项目，觉得还不错，对于web项目，此js很好用
综合评分：0
下载个数：
{%username%}回复{%com_username%}{%time%}\
/*点击出现回复框*/
$(".respond_btn").on("click", function (e) {
$(this).parents(".rightLi").children(".respond_box").show();
e.stopPropagation();
$(".cancel_res").on("click", function (e) {
$(this).parents(".res_b").siblings(".res_area").val("");
$(this).parents(".respond_box").hide();
e.stopPropagation();
/*删除评论*/
$(".del_comment_c").on("click", function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_invalid/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parents(".conLi").remove();
alert(data.msg);
$(".res_btn").click(function (e) {
var parentWrap = $(this).parents(".respond_box"),
q = parentWrap.find(".form1").serializeArray(),
resStr = $.trim(parentWrap.find(".res_area_r").val());
console.log(q);
//var res_area_r = $.trim($(".res_area_r").val());
if (resStr == '') {
$(".res_text").css({color: "red"});
$.post("/index.php/comment/do_comment_reply/", q,
function (data) {
if (data.succ == 1) {
var $target,
evt = e || window.
$target = $(evt.target || evt.srcElement);
var $dd = $target.parents('dd');
var $wrapReply = $dd.find('.respond_box');
console.log($wrapReply);
//var mess = $(".res_area_r").val();
var mess = resS
var str = str.replace(/{%header%}/g, data.header)
.replace(/{%href%}/g, 'http://' + window.location.host + '/user/' + data.username)
.replace(/{%username%}/g, data.username)
.replace(/{%com_username%}/g, data.com_username)
.replace(/{%time%}/g, data.time)
.replace(/{%id%}/g, data.id)
.replace(/{%mess%}/g, mess);
$dd.after(str);
$(".respond_box").hide();
$(".res_area_r").val("");
$(".res_area").val("");
$wrapReply.hide();
alert(data.msg);
}, "json");
/*删除回复*/
$(".rightLi").on("click", '.del_comment_r', function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_comment_del/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parent().parent().parent().parent().parent().remove();
$(e.target).parents('.res_list').remove()
alert(data.msg);
//填充回复
function KeyP(v) {
var parentWrap = $(v).parents(".respond_box");
parentWrap.find(".res_area_r").val($.trim(parentWrap.find(".res_area").val()));
评论共有0条
做个有钱人呵呵呵
综合评分：
积分/C币：5
综合评分：
积分/C币：5
综合评分：
积分/C币：3
综合评分：
积分/C币：2
综合评分：
积分/C币：3
念念不忘10132
综合评分：
积分/C币：3
综合评分：
积分/C币：5
综合评分：
积分/C币：3
xugang666666
综合评分：
积分/C币：20
song_yunwei
综合评分：
积分/C币：8
VIP会员动态
CSDN下载频道资源及相关规则调整公告V11.10
下载频道用户反馈专区
下载频道积分规则调整V1710.18
spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip
资源所需积分/C币
当前拥有积分
当前拥有C币
输入下载码
为了良好体验，不建议使用迅雷下载
Angular项目
会员到期时间：
剩余下载个数：
剩余积分：0
为了良好体验，不建议使用迅雷下载
积分不足！
资源所需积分/C币
当前拥有积分
您可以选择
程序员的必选
绿色安全资源
资源所需积分/C币
当前拥有积分
当前拥有C币
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
您的积分不足，将扣除 10 C币
为了良好体验，不建议使用迅雷下载
无法举报自己的资源
你当前的下载分为234。
你还不是VIP会员
开通VIP会员权限，免积分下载
你下载资源过于频繁，请输入验证码
您因违反CSDN下载频道规则而被锁定帐户，如有疑问，请联络:!
若举报审核通过，可返还被扣除的积分
被举报人：
举报的资源分：
请选择类型
资源无法下载 （ 404页面、下载失败、资源本身问题）
资源无法使用 （文件损坏、内容缺失、题文不符）
侵犯版权资源 （侵犯公司或个人版权）
虚假资源 （恶意欺诈、刷分资源）
含色情、危害国家安全内容
含广告、木马病毒资源
*详细原因：
Angular项目查看: 1663|回复: 1
有一个AngularJS的项目可以丰富简历，有必要花时间在上面吗？
精华主题学分
活跃农民-感谢提供高质量信息和讨论, 积分 318, 距离下一级还需 682 积分
在线时间 小时
月)-[17]CS本科+fresh grad 无实习/全职
- 内推| 码农类其他@会计四大fresh grad应届毕业生
注册一亩三分地论坛，查看更多干货！
才可以下载或查看，没有帐号？
我的简历内容比较单薄，没有什么可圈可点的地方。
.鐣欏璁哄潧-涓浜-涓夊垎鍦
同学里有一位正在做与AngularJS相关的项目，他们问我要不要加入。
我知道AngularJS似乎挺火的，现在很多公司也都在用这个。
我想知道，增加一项AngularJS项目的经验在我的简历上，会增加很多我简历被筛选中的概率吗？
. 鐣欏鐢宠璁哄潧-涓浜╀笁鍒嗗湴
说白了我做这个项目目的就是很功利的，就是希望能通过这件事情来增加面试的机会。
我面试的职位并一定要和web相关，只要是Software Engineer就好。
. visit 1point3acres.com for more.
谢谢大家的意见！-google 1point3acres
精华主题学分
在线时间 小时
同问~~udemy有很多项目课，那些课值得上吗，写到简历上有用吗
<form method="post" autocomplete="off" id="fastpostform" action="forum.php?mod=post&action=reply&fid=28&tid=224966&extra=&replysubmit=yes&infloat=yes&handlekey=fastpost"
onSubmit="
// TODO Howard 11/3/2015
var sbtn = $('fastpostsubmit');
sbtn.disabled =
sbtn.innerHTML = ' 回复发表中... ';
sbtn.setAttribute('background', sbtn.style.background);
sbtn.setAttribute('bordercolor', sbtn.style.borderColor);
sbtn.style.background = '#C7C7C7';
sbtn.style.borderColor = '#8B8B8B';
var form =
// --product--
var isValid = fastpostvalidate(form, null, 0);
if(!isValid) reoverBtn();
return isV
// --product--
// --testing--
//setTimeout(function() {
// var isValid = fastpostvalidate(form, null, 0);
// if(!isValid) reoverBtn();
//}, 2000);
// --testing--
您需要登录后才可以回帖
提醒：发帖可以选择内容隐藏，部分板块支持匿名发帖。请认真读完以下全部说明：
■隐藏内容方法：
[hide=200]你想要隐藏的内容比如面经[/hide]
■意思是：用户积分低于200则看不到被隐藏的内容
■可以自行设置积分值，不建议太高（200以上太多人看不到），也不建议太低（那就没必要隐藏了）
■建议只隐藏关键内容，比如具体的面试题目、涉及隐私的信息，大部分内容没必要隐藏。
■微信/QQ/电子邮件等，为防止将来被骚扰甚至人肉，以论坛私信方式发给对方最安全。
■匿名发帖的板块和方法：http://www.1point3acres.com/bbs/thread--1.html 回帖并转播
回帖后跳转到最后一页
一亩三分地推荐 /5
地主Warald亲手做你的申请，针对你的背景和目标，考虑申请、学习、就业、移民等系列问题，制定申请策略。
“offer”指全额奖学金，免学费全免+每月工资，Berkeley, CMU, JHU, UIUC, Gatech, UMich, UCLA, Columbia，欢迎观赏。
电子工程、计算机、统计、金数金工、化工等, Stanford, Berkeley, CMU, Cornell, Yale, Columbia, Chicago, Duke, UPenn, UIUC, Brown, UMich, JHU等
有留学、申请、找工、职业规划上的难题？先上论坛提问！
论坛考古也帮不上忙，发帖得到的回答仍然不够？电话找Warald来解答！
WARALD新书上市啦：《你不知道的美国留学》清华大学出版社，各大电商发售
Powered by}