1.关于什么是AngularJs以及什么是bootstrap我就不多说了，简单说下，AngularJs是一个比较强大前台MVC框架，bootstrap是Twitter推出的一个用于前端开发的开源工具包，可以迅速搭建web前台，可以去官网看看（AngularJs：http://angularjs.org/ ，bootstrap：http://twitter.github.io/bootstrap/）。2.github上有一个比较好的纯净AngularJs app的种子，可以去github下载，地址：https://github.com/glitchtank/angular-seed-master。...
Angular是一个大而全的框架，它提供了开发一个完整应用所需的所有要素。同时，作为背后的开发公司，Google有一个适用于Angular框架的Material Design UI库。我们结合Angular框架及UI库就能完成大部分的前端开发工作。Angular 官方还提供了开发应用所需的脚手架，包含测试、运行服务、打包等部分。前端开发人员使用官方的命令行工具就可以快速生成Angular应用：ng new my-dream-app。在这个官方生成的项目里，可以直接运行和构建Ang...
一、需要准备的环境 Nodejs：https://nodejs.org/en/download/ Python：https://www.python.org/downloads/release/python-370/ 下载安装版本，不需要用户自己手动配置环境变量，环境安装完成后如下图（使用python - version）： 安装Angular CLI，直接运行如下命令： npm install -g @angular/cli 如果使用npm安装失败，可以使用淘宝的镜像，先使用npm安装cnpm，再安装AngularCLI，使用如下命令： npm...
开发环境1、npm安装最新的Nodejs，便包含此工具。类似Nuget一样的东西，不过与Nuget不同的是，这玩意完全是命令行的。然后用npm来安装开发环境，也就是下边的angular cli。2、Angular Cli通过命令行创建项目，“编译”代码，启动调度环境等功能。angular本身使用typescript编写，需要通过ng命令，将相关的ts代码转换成js代码，以便在浏览器中运行。安装angular clinpm install -g @angular/cli 3、IDE复杂的界面中，通过IDE可以大大...
最近因为需要开发一个前后端分离的应用，一看angular6出来了，就立马想要用用看，所以立马确立了angular6+ng-zorro-antd的前端，但是在使用中发现，我没法引入相应的样式，看我的引入没有任何问题，通过1个多小时的查找资料，百度，分析，找出了这个坑。如下，现在项目也完成了也就来记录一下，希望有跟我一样问题的小伙伴可以免去一些麻烦。 https://github.com/angular/angular-cli/issues/10430上面的链接是讲angular-cli 6.0的...
本项目用的是angular4搭建，用动态组件的形式来显示页面，之前遇到过因为内存溢出而导致无法aot的问题， 解决方法：手动改写内存上限 修改目录: my-project/node_modules/.bin 找到 ng.cmd :@IF EXIST "%~dp0\node.exe" ( "%~dp0\node.exe" --max_old_space_size=8192 "%~dp0\..\@angular\cli\bin\ng" %*) ELSE ( @SETLOCAL @SET PATHEXT=%PATHEXT:;.JS;=;% node --max_old_space_size=8192 "%~dp0\..\@angular\cli\b...
前言： 上一篇文章我们讲了如何在创建的Angular项目中快速引入ng-zorro-antd企业中台组件库，并且快速构建后台管理页面框架模板。这一章主要介绍的是如何在创建好的后台管理页面框架的快速生成NG-ZORRO相关的组件，并且介绍Angular相关目录结构、生命周期函数，路由配置和使用相关知识点，以及如何使用Angular CLI使用一行代码快速添加Angular应用的新功能。让你快熟的构建一个属于自己的NG-ZORRO后台管理框架，注意我们的前端代...
Angular介绍Angular在2012年发布版本1.0，是最早流行的前端MVVM框架，目前流行的React和Vue框架都在它之后。由于React的流行，以及angular 1.0版本暴露出来的一些性能，组件化等的一些缺点，谷歌决定重写angular，在2016年推出angular2.0.Angular 2.0采用TypeScript开发，集成了RxJS库。目前最新版本是6.0Angular生态1、服务端渲染解决方案 Angular Universal2、PWA（Progressive web apps ）解决方案angular service worker3、Ion...
前言每个框架都不可避免会有自己的一些特点，从而会对使用者有一定的要求，这些要求就是主张，主张有强有弱，它的强势程度会影响在业务开发中的使用方式。 一、Angular，它两个版本都是强主张的，如果你用它，必须接受以下东西：必须使用它的模块机制必须使用它的依赖注入必须使用它的特殊形式定义组件（这一点每个视图框架都有，难以避免）所以Angular是带有比较强的排它性的，如果你的应用不是从头开始，而是要不断考虑是否跟其他...
AngularJS不能做什么？对比Angular/JSjQueryUI/Extjs 框架就好比兵器，你得明白你手里拿的是屠龙刀还是倚天剑，刀法主要是砍，剑法主要是刺。对于那些职业喷子和脑残粉，小僧送你们两个字：呵呵；同时祝你幸福，请点右上角。 首先要明白Angular不能做什么，或者Angular没有提供什么，然后再来看它能做什么，来看Angular与其它一些主流框架的对比。 对于上面的表格，有人可能要跟我抬杠，咱大jQuery不是有各种插件吗！不是有各种E...
相信接触过网页编程的基本上都知道cookie这个东西吧，一个毫不起眼，但是又十分的重要的东西，今天我们就来分析一下这个小东西，我们都知道客服端通过发送http请求到服务器请求我们的数据，当我们的服务器接收到这个响应之后，经过处理之后会给出相应的响应，也就是传送回来我们需要的数据。但是如果我们关闭了页面之后再一次打开发送相应的请求会有什么情况发生呢？是否会快一点？没错，那就是cookie的作用。 在举一个列子，比...
angular红红火火很多年了，一眨眼ng4都出来了，我也只能叹息前端的日新月异，以及感叹自己永远追赶不上时代的步伐，但是没关系，一个优秀的前端不在于他懂的无数的框架，而在于遇到问题时候懂得如何学习，如何解决，所以当你需要用到一个新技术的时候，你可以很快的上手，如何学习，就非常重要，学习的途经有很多，每个人都有自己的方法。所以良好的学习能力比你走马观花的了解重要得多，当然为了求职，走马观花很重要，但对于职业...
AngularJS AngularJS是web应用的下一个巨头。 AngularJS如果为创建web应用而设计，那它就是HTML的套路了。具有数据绑定, MVW, MVVM, MVC, 依赖注入的声明式模板和出色的可测试性都是用纯客户端 JavaScript来实现的! AngularJS 是一个创建富客户端应用的JavaScript MVC框架，它组织良好，经过严格测试,多功能，强大并且十分灵活。你仍然需要具有服务端后台，但大多数的用户交互逻辑将优雅地放到客户端上处理。 AngularJS是...
一、遇到的问题 问题发生在使用 AngularJS 嵌套 Controller 的时候。因为每个 Controller 都有它对应的 Scope（相当于作用域、控制范围），所以 Controller 的嵌套，也就意味着 Scope 的嵌套。这个时候如果两个 Scope 内都有同名的 Model 会发生什么呢？从子 Scope 怎样更新父 Scope 里的 Model 呢？ 这个问题很典型，比方说当前页面是一个产品列表，那么就需要定义一个 ProductListControllerfunction ProductListController($sco...
本文实例分析了AngularJS使用ng-app自动加载bootstrap框架问题。分享给大家供大家参考，具体如下： 前面的文章《AngularJS框架的ng-app指令与自动加载实现方法分析》 提出了使用ng-app指令的情况。之前觉得出现第4和第5种情况很奇怪，因为只看到了现象，没有看到本质。JS错误，最直观的表现方式就是：弹出一个非常不友好的JS错误窗口。当脚本出现了未捕获的错误，浏览器才会弹出错误提示。还有一种比较隐晦的表示：在浏览器的控制台...