-
理解 angular2 基础概念和结构 ----angular2系列（二)
所属栏目：[安全] 日期：2020-12-17 热度：80
Module Component Template Metadata Data Binding Directive Service Dependency Injection ? 本文简单介绍一下，这些知识点，以浅入的方式理解angular2的基础概念和结构。 Angular 是模块化的. Modules 导出 classes,function,values ， 以便在其他模块导[详细]
-
学习ng2，从zonejs开始（非官方翻译） ----angular2系列（一)
所属栏目：[安全] 日期：2020-12-17 热度：129
： 官方解释： zone.js为JavaScript提供了执行上下文，可以在异步任务之间进行持久性传递。 最开始我一直没理解到这句话，学习过程中我也因为自己的一些失误而一直纠结徘徊，情况是这样的： 首先我在本地用npm安装了zone.js，然后我就打开了zone.js的github[详细]
-
angular项目总结——angular + browserify + gulp + bower + les
所属栏目：[安全] 日期：2020-12-17 热度：103
一眨眼，快三个月没有写博客了。一直在为自己没有写博客而懊恼，忙过这段时间，好好总结一下。 新项目主要是自己一个人在写，先搭建了一个初步的架构，用了我并不熟悉的angular，这个过程中，慢慢也熟悉了angular，同时也优化了自己的项目架构。 这两个多月[详细]
-
使用 AngularJS 从零构建大型应用
所属栏目：[安全] 日期：2020-12-17 热度：126
div class="panel-heading media clearfix" div class="media-body" h1 class="media-heading"? 0、导言 1、准备工作 2、构建框架 3、丰富你的directives 4、公用的services 5、用controllers组织业务 导言 纵览线上各种AngularJS教程，大部分都是基础与一些[详细]
-
关于angularJS绑定数据时自动转义html标签
所属栏目：[安全] 日期：2020-12-17 热度：115
??????? angularJS在进行数据绑定时默认是会以文本的形式输出，也就是对你数据中的html标签不进行转义照单全收，这样提高了安全性，防止了html标签中的注入攻击，但有些时候还是需要的，特别是从数据库读取带格式的文本时，无法正常的显示在页面中。 ???????[详细]
-
动态创建angular组件实现popup弹窗
所属栏目：[安全] 日期：2020-12-17 热度：169
承接，本文将从一个基本的angular启动项目开始搭建一个具有基本功能、较通用、低耦合、可扩展的popup弹窗(脸红)，主要分为以下几步: 基本项目结构搭建 弹窗服务 弹窗的引用对象 准备作为模板的弹窗组件 使用方法 因为打算将我们的popup弹窗设计为在npm托管的[详细]
-
个人从源码理解angular项目在JIT模式下的启动过程
所属栏目：[安全] 日期：2020-12-17 热度：194
通常一个angular项目会有一个个模块(Module)来管理各自的业务，并且必须有一个根模块(AppModule)作为应用的入口模块，整个应用都围绕AppModule展开。可以这么说，AppModule是一个angular项目的起点。 不过单从angular的启动过程来说，AppModule就是其工作的[详细]
-
个人从源码理解JIT模式下angular编译AppModule的过程
所属栏目：[安全] 日期：2020-12-17 热度：113
承接。笔者之前将一个angular项目的启动过程分为了两步: 创建平台得到 PlatformRef ，以及执行平台引用提供的方法编译根模块 AppModule 。本文就将着眼于创建好的平台，从angular的茫茫源代码中看看整个AppModule的编译过程。 从外界使用的 bootstrapModule[详细]
-
从源码看 angular/material2 中 dialog模块 的实现
所属栏目：[安全] 日期：2020-12-17 热度：101
本文将探讨material2中popup弹窗即其Dialog模块的实现。 引入弹窗模块 自己准备作为模板的弹窗内容组件 在需要使用的组件内注入 MatDialog 服务 调用 open 方法创建弹窗，并支持传入配置、数据，以及对关闭事件的订阅 进入material2的源码，先从 MatDialog[详细]
-
使用angular的HttpClient搭配rxjs
所属栏目：[安全] 日期：2020-12-17 热度：147
h2 id="一原http使用总结"一、原Http使用总结 h3 id="使用方法"使用方法 在根模块或核心模块引入HttpModule即在AppModule或CoreModule中引入HttpModule： import { HttpModule } from '@angular/http';@NgModule({ import: [ HttpModule ] // ...})AppModule[详细]
-
使用yeoman构建angular应用
所属栏目：[安全] 日期：2020-12-17 热度：105
本文将介绍如何亲手来完成一个yeoman的generator，以实现快速构建最适合自己的项目。本文将实现的generator起名为ngtimo，依照yeoman的命名规矩就叫做generator-ngtimo，是笔者这周末一晚上加一上午参考着yeoman官方给出的几个generator(、)给强行催生出来的[详细]
-
把angular项目整合到.net mvc中
所属栏目：[安全] 日期：2020-12-17 热度：71
之前的开发选择的是完全舍弃服务端，仅保留最简单web服务器提供angular经打包的静态资源，此外所有的业务与数据请求都访问一个分离的WebApi来实现。不过最近碰到一个需求，有必要使用多个客户端，而各客户端本身都是webpack打包出来的js而已，没必要每个客户[详细]
-
Angular4.0.0发布总览文章
所属栏目：[安全] 日期：2020-12-17 热度：101
翻译自angular.io上的关于4.0.0版本发布的文章，内容主要是介绍了4.0.0版本下的改进以及接下来还会有的其他更新，4.0.0其实已经出来好多天了，截止目前都已经到了4.0.1版本了，这也是前两日笔者一时兴起拿想ng2写个自己的新网站时安装angular时无意发现几个[详细]
-
Angular Universal(统一平台)笔记
所属栏目：[安全] 日期：2020-12-17 热度：142
angular官网高级文档AngularUniversal部分的翻译总结，这东西在angular4开始正式被官方支持了，目前其实支持的服务器端还没有很多，但好歹包括了node和DotNetCore，算是个进一步优化应用以及扩展需求(强化服务端能力)的方案。 正文开始： ------------------[详细]
-
Angular2响应式表单-翻译与概括官网REACTIVE FORMS页面
所属栏目：[安全] 日期：2020-12-17 热度：157
本文将半翻译半总结的讲讲ng2官网的另一个未翻译高级教程页面。 文章目的是使用ng2提供的响应式表单技术快速搭出功能完善丰富的界面表单组件。 响应式表单是一项响应式风格的ng2技术，本文将解释响应式表单并用来创建一个英雄详情编辑器。 包含内容： 响应式[详细]
-
Angular2开发拙见——组件规划篇
所属栏目：[安全] 日期：2020-12-17 热度：134
本文集中讲讲笔者目前使用ng2来开发项目时对其组件的使用的个人的一些拙劣的经验。 先简单讲讲从ng1到ng2框架下组件的职责与地位： 然后讲讲笔者前面的项目时如何使用ng2组件搭起一个网站的： 1. 照着官方的做法，每个应用得有一个根组件。 2. 区分前端路由[详细]
-
发布自己的Angular2库初探
所属栏目：[安全] 日期：2020-12-17 热度：197
从去年年底开始使用ng2，遇到并解决或被虐了一些问题点，对其各种新特性与开发模式感觉还算舒服。还有的一个感想就是，要使用ng2还得先学习不少其他东西，比如TypeScript语法，比如ES6新特性，还有就是酷炫的npm平台。本文就将侧重点放到npm上来，看看npm平[详细]
-
Angular2发布思路(整理官网Deployment页面)
所属栏目：[安全] 日期：2020-12-17 热度：92
本文是按着ng2官网的高级内容“Deployment”的思路整理得出的，原文虽然在angular2的中文站下挂着，截止目前却还是英文版未翻译，笔者就在这里结合自己的理解给出原文的一点点整理。 这是原文地址： 1. 最简单的发布流程 最简单指的是开发完成好一个ng2应用[详细]
-
Angular2 Service实践——实现简单音乐播放服务
所属栏目：[安全] 日期：2020-12-17 热度：94
引言: 如果说组件系统(Component)是ng2应用的躯体，那把服务(Service)认为是流通于组件之间并为其带来生机的血液再合适不过了。组件间通信的其中一种优等选择就是使用服务，在ng1里就有了广泛使用，而ng2保持了服务的全部特性，包括其全局单例与依赖注入。今[详细]
-
从Angular2路由引发的前后端路由浅谈
所属栏目：[安全] 日期：2020-12-17 热度：122
笔者的学习进度比较慢，直到两年以前写的网站都还是以服务端为主导的，即网站的所有视图都由服务器视图模板来渲染，笔者使用的是 DotNet MVC，开发套路就是在Controller里面写Action，在Views里写对应的Action.cshtml，使用ajax发起请求已经是比较前端的事情[详细]
-
Angular2组件与指令的小实践——实现一个图片轮播组件
所属栏目：[安全] 日期：2020-12-17 热度：158
一、创建组件 selector: 'my-slide-img' templateUrl: 'slide-img.component.html' styleUrls: ['slide-img.component.css' trigger('imgMove' state('off',style({'display': 'none','z-index': '0','transform': 'translateX(0)' state('prev',style({'z-i[详细]
-
Angular2的模块架构浅谈
所属栏目：[安全] 日期：2020-12-17 热度：71
一、根模块、子模块与惰性加载 先说根模块。一个ng2应用至少要有一个根模块，包含ng2自带的BrowserModule，并声明为引导模块，在应用启动时将从此模块展开。随着应用的扩大，所有的事情都在一个模块中完成难免会变乱(某种程度上看ng1应用就是这么做的，并且[详细]
-
Angular2 + Webpack项目搭建Demo
所属栏目：[安全] 日期：2020-12-17 热度：174
本文将从头开始编写实际的代码来完成一个angular2的demo。 当然TS环境也是必须的，目前TS已经更新到了2.1.5+，笔者使用的就是2.1.5版本，且最好使用2.0以上版本的TS，否则会有一些尴尬的问题(包括类型定义以及编译错误)。 2.关于编辑器 笔者使用的是VSCode，[详细]
-
(二) 从Angular1到Angular2需要的预备知识
所属栏目：[安全] 日期：2020-12-17 热度：77
1. TypeScript语法与ES6新特性 写惯了jQ的话突然从ES5跳到ES6，又是个变形的ES6(TypeScript)，学习成本确实不低。不过笔者也是从ng1直接上手ng2，对与很多新特性的积累基本是抄着ng2官网的快速起步捡起来的。所以给的建议是，有ES6甚至TS基础肯定完美，但是[详细]
-
(三) Angular2项目框架搭建心得
所属栏目：[安全] 日期：2020-12-17 热度：114
前言： 在哪看到过angular程序员被React程序员鄙视，略显尴尬，确实Angular挺值得被调侃的，在1.*版本存在的几个性能问题，性能优化的“潜规则”贼多，以及从1.*到2.*版本的面目全非，不过宽容点来看这个强大的框架，升级到ng2肯定是一件好事情，虽然截至目[详细]
