-
Angular开发者指南（一）入门介绍
所属栏目：[安全] 日期：2020-12-17 热度：159
什么是Angular AngularJS是动态Web应用程序的结构框架。 它允许您使用HTML作为模板语言，并允许您扩展HTML的语法以清晰，简洁地表达应用程序的组件。AngularJS的数据绑定和依赖注入消除了许多你不得不编写的代码。这一切都发生在浏览器中，使其成为任何服务[详细]
-
angular2-tag-input 输入框回车确定添加多个可删除标签
所属栏目：[安全] 日期：2020-12-17 热度：143
效果图 1、安装 npm install angular2-tag-input --save 2、配置app.module.ts @NgModule({ imports: [ RlTagInputModule ]}) 3、模板界面 rl-tag-input [(ngModel)]="tags" placeholder="Testing placeholder"/rl-tag-input 4、组件界面 ...export class Ho[详细]
-
Angular 2.x 从0到1 (五）史上最简单的Angular2教程
所属栏目：[安全] 日期：2020-12-17 热度：167
第一节：Angular 2.0 从0到1 （一） 第二节：Angular 2.0 从0到1 （二） 第三节：Angular 2.0 从0到1 （三） 第四节：Angular 2.0 从0到1 （四） 第五节：Angular 2.0 从0到1 （五） 第五节：多用户版本的待办事项应用 第四节我们完成的Todo的基本功能看起来[详细]
-
angular2-swiper幻灯片模块使用方法
所属栏目：[安全] 日期：2020-12-17 热度：164
1、安装模块 npm install swiper angular2-swiper --save-dev 2、配置angular-cli.json，样式文件 "styles": [ "../node_modules/swiper/dist/css/swiper.css"], 3、配置app.module.ts import {KSSwiperModule} from "angular2-swiper";...imports: [ KSSwip[详细]
-
AngularJS学习笔记
所属栏目：[安全] 日期：2020-12-17 热度：89
Angular.js简介 AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言，但要构建WEB应用的话它就显得乏力了。所以我做了一些工作（你也可以觉得是小花招）来让浏览器做我想要的事。 通常，我们是通过以下技[详细]
-
AngularJS：角路由和角路由器之间的差异
所属栏目：[安全] 日期：2020-12-17 热度：108
我是AngularJS的新手。我发现AngularJS相当有趣，我计划在我的大应用程序中使用AngularJS。所以我在这个过程中找出正确的模块使用。 ngRoute(angular-route.js)和ui-router(angular-ui-router.js)模块有什么区别？ 在许多文章中，当使用ngRoute时，路由配置$[详细]
-
Angular JS：如何/何时使用ng单击来调用路由？
所属栏目：[安全] 日期：2020-12-17 热度：108
假设您使用路由： // bootstrapmyApp.config(['$routeProvider','$locationProvider',function ($routeProvider,$locationProvider) { $routeProvider.when('/home',{ templateUrl: 'partials/home.html',controller: 'HomeCtrl' }); $routeProvider.when('/[详细]
-
如何用AngularJS构建管理后台
所属栏目：[安全] 日期：2020-12-17 热度：122
前言 一般来说，一个管理后台的构建的基本流程是：(1)选择一个开发语言-(2)选择一种数据库-(3)选择一个开发轮子(framework)-(4)在轮子上搭建前端框架-(5)实现业务逻辑。 一旦一个后台做出来以后，有了技术积累，以后其他的项目都是克隆版本，这样的流程的缺[详细]
-
AngularJs中的igGrid编写
所属栏目：[安全] 日期：2020-12-17 热度：99
?? Ignite 中的 Iggrid 官网： http://www.igniteui.com/grid/angular Angularjs 的 Iggrid 使用有两种方式，第一种为 iggrid 官网介绍方式。第二种为 Option 方式，第二种方式和原有的 js 使用方式一样不做过多介绍，主要介绍第一种，下面做一一介绍。 Ig-g[详细]
-
在angularjs中通过ts编写时，如何添加中英文转换
所属栏目：[安全] 日期：2020-12-17 热度：66
?? 在使用界面（ html 中）注册 : @section scripts { script type ="text/javascript" angular.module ( "app" ) .factory " 注册的名称 " , function () { return { ID: ' @ 资源文件名 .ID ' , } ; } ) / script } 在后台引用： constructor ( private 注[详细]
-
angularjs积累
所属栏目：[安全] 日期：2020-12-17 热度：176
注册 ui-router 注入 $stateParams app.js配置 var App = angular.module( 'app' ,[ 'ui.router' ]);App.config( $state .Provider.state( "history" { url: "/history/:id" ,views:{ "" :{ templateUrl: "../tpls/history.html" ,controller: "historyContr[详细]
-
ng-class
所属栏目：[安全] 日期：2020-12-17 热度：112
//html内容 li ng- class = "{true:active,false:disactive}[isActive(month,1)]" 当前li/li //controller $ scope .isActive= function (v1,v2){ if (v1==v2){ return true ; } return false ;}[详细]
-
Angular 2 Multi Providers
所属栏目：[安全] 日期：2020-12-17 热度：186
Multi providers 让我们可以使用相同的 Token 去注册多个 Provider ，具体如下： const SOME_TOKEN: OpaqueToken = new OpaqueToken('SomeToken');var injector = ReflectiveInjector.resolveAndCreate([ provide(SOME_TOKEN,{useValue: 'dependency one',mu[详细]
-
基于 Ionic 2 多主题、多租户构建方案探索
所属栏目：[安全] 日期：2020-12-17 热度：188
项目背景 公司的产品是一款2B的在线教育产品，已有的客户大多数都有定制化的需求，主要包括UI主题和二次开发的功能。本文围绕的主要内容是如何基于 Ionic 2 平台提供的工具，实现灵活的多主题方案。 Ionic 2 提供的主题方案 Ionic 2 使用 $color map 的 key[详细]
-
如何利用angular-cli组织项目结构
所属栏目：[安全] 日期：2020-12-17 热度：168
导语 Angular2（已经统一更名为Angular，而Angular1表示1.x版本，以下统称Angular都是2.x版本以上）的目标是一套框架多个平台，这是所有前端工作的理想目标。 angular-cli它是angular框架官方的一个构建工具，当你使用 ng new xxx 创建一个项目时，所自动生[详细]
-
Angular 2 DI - IoC & DI - 1
所属栏目：[安全] 日期：2020-12-17 热度：90
IoC 是什么 Ioc - Inversion of Control,即"控制反转"。在开发中， IoC 意味着你设计好的对象交给容器控制，而不是使用传统的方式，在对象内部直接控制。 如何理解好 IoC 呢？理解好 IoC的关键是要明确"谁控制谁，控制什么，为何是反转(有反转就应该有正转)[详细]
-
Angular 2 Decorators - 3
所属栏目：[安全] 日期：2020-12-17 热度：108
在 Angular 2 Decorators part -1 和 part -2 文章中，我们介绍了 Decorator 的分类和 Angular 2 常见的内置装饰器，并且我们深入分析了 ComponentDecorator 内部工作原理。此外，我们还发现在 TypeDecorator 类装饰器内部，使用了 Reflect 对象提供的 getOw[详细]
-
Angular 2 Provider
所属栏目：[安全] 日期：2020-12-17 热度：160
依赖注入(DI) 是 Angular 2 的核心，在深入了解DI的工作原理之前，我们必须先搞清楚 Provider 的概念。 在 Angular 2 中我们使用 Provider 来描述与 Token 关联的依赖对象的创建方式。Angular 2 中依赖对象的创建方式有四种，它们分别是： useClass useValue[详细]
-
Angular 2 OpaqueToken & InjectionToken
所属栏目：[安全] 日期：2020-12-17 热度：67
在 Angular 2 中，provider 的 token 的类型可以是字符串或 Type 类型。我们可以根据实际应用场景，选用不同的类型。假设我们有一个服务类 DataService，并且我们想要在组件中注入该类的实例，我们可以这样使用： @Component({ selector: 'my-component',pro[详细]
-
Angular 2 Decorators - 2
所属栏目：[安全] 日期：2020-12-17 热度：87
在 Angular 2 Decorators - part 1 文章中，我们介绍了 TypeScript 中的四种装饰器。本文的主要目的是介绍 Angular 2 中常见的内置装饰器。Angular 2 内置装饰器分类： 类装饰器 @Component、@NgModule、@Pipe、@Injectable 属性装饰器 @Input、@Output、@Co[详细]
-
Angular 2 Directive
所属栏目：[安全] 日期：2020-12-17 热度：160
Angular 2 的指令分为以下三种： 组件(Component directive)：用于构建UI组件，继承于 Directive 类 属性指令(Attribute directive): 用于改变组件的外观或行为 结构指令(Structural directive): 用于动态添加或删除DOM元素来改变DOM布局 Angular 2 组件 组[详细]
-
Angular 2 Forward Reference
所属栏目：[安全] 日期：2020-12-17 热度：185
Angular 2 通过引入 forwardRef 让我们可以在使用构造注入时，使用尚未定义的依赖对象类型。下面我们先看一下如果没有使用 forwardRef ，在开发中可能会遇到的问题： @Injectable()class Socket { constructor(private buffer: Buffer) { }}console.log(Buff[详细]
-
Angular 4.x template syntax & common directives
所属栏目：[安全] 日期：2020-12-17 热度：127
模板语法简介 插值表达式 divHello {{name}}/div 等价于 div [textContent]="interpolate(['Hello'],[name])"/div 模板表达式 属性绑定 输入属性的值为常量 show-title title="Some Title"/show-title 等价于 show-title [title]="'Some Title'"/show-title[详细]
-
Angular 2 Decorators - 1
所属栏目：[安全] 日期：2020-12-17 热度：136
在我们深入了解 Angular 2 中 @NgModule、@Component、@Injectable 等常见的装饰器之前，我们要先了解 TypeScript 中的装饰器。装饰器是一个非常酷的特性，最早出现在 Google 的 AtScript 中，它出现的目的是为了让开发者，开发出更容易维护、更容易理解的 A[详细]
-
AngularJS 的依赖注入
所属栏目：[安全] 日期：2020-12-17 热度：64
AngularJS 依赖注入的方法 1. 通过函数的参数进行推断式注入声明 如果没有明确的什么, AngularJS 会假定参数名称就是依赖的名称。因此,它会在内部调用函数对象的 toString() 方法,分析并提取出函数的参数列表,然后通过 $injector 将这些参数注入进对象实例。[详细]
