![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Angular
文章平均质量分 66
非本人文章
活到老,学到老
展开
-
【Angular】——创建启动Angular
创建angular2项目 直接在命令提示符中输入: ng new helloworld 为什么终止:此时angular2的基本文件已经全部创建,接下来是下载项目所依赖的nodejs包,用ng new angular-cli-project直接创建的话,默认用npm从国外网站下载资源,下载速度极慢,大约7分钟。此时终止进程,然后用cnpm下载项目所依赖的no原创 2017-05-14 21:27:56 · 5772 阅读 · 16 评论 -
【Angular】——BootStrap+Swiper实现手机端滑动窗口
确定bootstrap没有此效果,便开始找能实现滑动效果的插件,最后锁定Swiper。 其实它的官网上有详细的介绍(为了兼顾更多人,我就放中文文档了):Swiper中文文档 但这些教程是针对html、js的。如何放入我们的Angular2呢。大同小异,因为ts本质也是js,所以没有太大差别。在此将源码分享,希望节省一些有同样问题的同事的时间。原创 2017-05-21 22:15:36 · 5295 阅读 · 11 评论 -
【Angular】——封装并发布组件
一、封装组件 作为入门,这是一个非常简单的demo,但核心的接收使用者的输入@Input(),以及返回数据给使用者@Output()都实现了,所以有一定的借鉴意义。 目录结构:(部分目录不是框架中自动生成,二是后期添加,按照步骤进行即可。)具体代码:html:(search.component.html)<input type="text" class="f原创 2017-06-18 21:48:09 · 8252 阅读 · 28 评论 -
Angular2开发前端是否需要结合webpack?
忘记从哪听到的声音:前端需要用上webpack、gulp,提高效率~~~ 既然有好的工具,我一定要去了解啊。于是开始查一些webpack、gulp的资料。有一些声音是:用了webpack基本上就不需要gulp了。so,我把精力主要放在webpack,先了解一个再说。 首先webpack和gulp都是构建类工具。我们的前端框架采用的是Angular2。 但在了解的过原创 2017-07-08 09:40:47 · 5092 阅读 · 26 评论 -
【Angular】——灵活权限下门户路由跳转
思路:因为ITOO项目是多权限,所以 门户必须是活的,从而,按钮的数量、文字以及路由都是活的。数量和文字好说。在路由跳转这卡住了因为,按钮对应的路由[]="" 居然不能写变量......第二个思路是,在typescript中,写router.link。。。。。,这个可以实现,需要记录点击的是哪个按钮,从而跳转哪个路由虽然可以实现,但总感觉这样不是最优方案,至少满足不了我的认知。An原创 2017-08-27 21:49:40 · 979 阅读 · 10 评论 -
【Angular】——路由
参考资料:https://angular.cn/guide/router分享PPT:Angualr路由PPT一、基础知识<base href> 元素index.html中:<base href="/">。这是路由合成的根路径。Angular的路由器是一个可选的服务,它用来呈现指定的URL所对应的视图。它并不是Angular核心库的一部分,而是在@angular/router...原创 2018-03-02 18:33:09 · 1442 阅读 · 2 评论