-
Angular2 服务
所属栏目：[安全] 日期：2020-12-17 热度：156
Angular2 服务 在anglar2中服务是什么？ 如果在项目中有一段代码是很多组件都要使用的，那么最好的方式就是把它做成服务。 服务是一种在组件中共享功能的机制，当我们使用标签将多个组件组合在一起时我们需要操作一些数据或是需要做一些运算时，我们需要做一[详细]
-
Angular 2 路由
所属栏目：[安全] 日期：2020-12-17 热度：190
Angular 2 路由 angular2路由是管理angular2应用内部导航的一个重要内容，在angular应用中，很多的组件是通过组合完成一个复杂的应用，不可避免的是我们常会在视图间切换，那么这是就需要使用路由来管理视图间的转换。 路由定义 先看一个简单的路由定义 ///r[详细]
-
Angular2 http服务
所属栏目：[安全] 日期：2020-12-17 热度：125
Angular2 http服务 angular2的http服务是用于从后台程序获取或更新数据的一种机制，通常情况我们需要将与后台交换数据的模块做出angular服务，利用http获取更新后台数据，angular使用http的get或put进行后台调用采用的是ajax方式，跨域问题需要单独处理。下[详细]
-
Angular 2 Form表单
所属栏目：[安全] 日期：2020-12-17 热度：152
Angular 2 Form 表单 在angular2 form表单中我们需要了解表单数据绑定、数据验证、数据提交等内容，在下面的示例中并没有实际提交到后台，这部分内容在今后webapi中加以练习。 表单建立 form (ngSubmit) ="onSubmit(planetForm.value)" #planetform ="ngForm[详细]
-
Angularjs 几个指令的坑
所属栏目：[安全] 日期：2020-12-17 热度：79
一、问题描述 1、AG的两个指令，ngShow和ngIf,这两个属性简单描述一下： ngShow - - 这个指令可以控制添加的html元素的显示与消失，作用类似于css的dispaly：none和block, ngIF -- 这个指令效果和ngShow是一样的，不同的是ngIF是直接删除与显示htmt元素，删[详细]
-
Angularjs 学习总结 -- 实现省市的三级联动
所属栏目：[安全] 日期：2020-12-17 热度：200
一、前言 最近在NG项目做界面中，需要实现一个省市区的三级联动，这个东西拿到手，想想是很简单的，网上 有大量 关于 的三级联动JS或者JQuery代码实现，但其实大部分实现的有点复杂，也不适于移植到NG的前端项目，本文章介绍NG的实现方式，一如既然的简单暴[详细]
-
angularjs Error: have been in digest cycle
所属栏目：[安全] 日期：2020-12-17 热度：94
引起原因：引入第三方的js插件，导致对象的更新不在angularjs的上下文中，需要手动调用$scope.$apply()。频繁的调用$apply()会导致在同一个digest()周期中产生冲突。解决办法：１、$timeout(function(){},delay);在delay后，重新创建一个digest() cycle. ２、[详细]
-
angular 返回顶部
所属栏目：[安全] 日期：2020-12-17 热度：198
html代码 button go-topTOP/button 实现的指令 .directive('goTop',['$interval',function($interval){ //返回顶部 return { restrict : 'A',link : function(scope,element,attr){ element.on("click",function(){ var timer = $interval(function(){ var o[详细]
-
ng-model指令
所属栏目：[安全] 日期：2020-12-17 热度：196
ng-model指令作用是绑定HTML表单元素到AngularJS应用程序数据中，即$scope变量中． 语法： tag ng-model="name"/tag 其中tag可以是input,select,textarea 如： div ng-app="myApp" ng-controller="myCtrl" Name: input ng-model="name"/divscript var app =[详细]
-
AngularJS vs. Backbone.js vs. Ember.js
所属栏目：[安全] 日期：2020-12-17 热度：150
原文地址： https://www.airpair.com/js/javascript-framework-comparison#9-summary 翻译地址： http://www.oschina.net/translate/javascript-framework-comparison 1 Introduction In this article we are going to compare three popular MV* frameworks[详细]
-
angularjs学习2
所属栏目：[安全] 日期：2020-12-17 热度：131
内置指令 所有的内置指令的前缀都为ng，不建议自定义指令使用该前缀，以免冲突。 首先从一些常见的内置指令开始。 先列出一些关键的内置指令，顺便简单说说作用域的问题。 ng-model 将表单控件和当前作用域的属性进行绑定，这么解释似乎也不太正确。 但先不要[详细]
-
angularjs学习1
所属栏目：[安全] 日期：2020-12-17 热度：101
代码实现 原理讲完再简述一下实现吧 下载js文件，引入到index.html文件中。 在html中，添加注入位置: div ui-view=""。它是当被触发注入时，填充的位置。 在html中，添加触发器：ANY ui-sref="XXX"。XXX是$state，它遵循xxx.xxx的树形结构，渲染时从根节点开[详细]
-
angularJs三种依赖注入方式与minify
所属栏目：[安全] 日期：2020-12-17 热度：184
依赖注入（饭来伸手，一来张口）DI，Dependency Injectio AngularJs使用module“名字／对象”注册表来作为容器，实现DI。 依赖注解有三种方式，（ 数组标注、添加$inject属性、隐式声明 ）。 其中前两种在代码minify时不会被破坏，推荐使用第一种方式。 第二[详细]
-
AngularJS进阶(四十)创建模块、服务
所属栏目：[安全] 日期：2020-12-17 热度：198
AngularJS进阶(四十)创建模块、服务 学习要点 使用模块构架应用 创建和使用服务 为什么要使用和创建服务与模块？ 服务允许你打包可重用的功能，使之能在此应用中使用。 模块允许你打包可重用的功能，使之能跨应用使用。 一、应用程序模块化 先看看一个没有模[详细]
-
Wijmo:使用Angular2创建HTML5/TypeScript的输入控件
所属栏目：[安全] 日期：2020-12-17 热度：132
Wijmo Enterprise 2016 v1下载 从2016 v1版本开始，Wijmo UI控件支持Angular 2。Wijmo 2016 v1强势发布，全面支持Angular 2!本文就来介绍使用Angular2来创建基于HTML5/TypeScript的输入控件。 步骤： 1. 使用Visual Studio HTML应用程序创建工程。 2. 删除in[详细]
-
关于mobiscroll时间控件没能正常绑定值问题
所属栏目：[安全] 日期：2020-12-17 热度：50
之前有写篇关于 mobiscroll插件集成成angularjs指令到项目中使用 只说怎么集成到angular项目中作为指令来使用，但是有个问题：在页面时间控件上选择完时间后时间值却绑定不到ng-model中。这问题困扰我好久，最后还是得请大神出马解决。我这里也就只copy下代[详细]
-
AngularJs directive-scope双向绑定方法处理-实例2
所属栏目：[安全] 日期：2020-12-17 热度：94
1.Html代码： div class="container-fluid" ng-app="myApp" div ng-controller="myCtrl" br /br / 外部:input ng-model="user.name" / br /br / my-directive my-user-data="user"/my-directive /div /div 2.Js代码： //定义模块，封装指令angular.module('c[详细]
-
angular2中应用obserable模式
所属栏目：[安全] 日期：2020-12-17 热度：154
在前面的学习中了解了angular2中组件的数据流，在组件间我们可以利用input、output实现组件间的数据传递。再来回顾一下前面的应用场景，一辆车（car）包含了引擎（engine）、门（door）等，车是父组件，门和引擎作为子组件。我们可以在引擎中加入一个启动状[详细]
-
AngularJS 学习笔记 （五） 基本概念和用法 之 指令
所属栏目：[安全] 日期：2020-12-17 热度：181
1、解析最简单的指令hello，匹配模式restrict html代码： JS代码： PS：我理解的是以这4种方式获取元素，然后替换成template的样式。 2、解析最简单的指令hello，template、templateUrl、$templateCache 2.1 template 还是这个例子，template中的字符串替换[详细]
-
Angular2 中的依赖注入
所属栏目：[安全] 日期：2020-12-17 热度：101
Angular2 中的依赖注入 在angular2应用中依赖注入将会大量的应用在我们所创建的服务中，至于依赖注入的原理及特点在此不做深究，网上大量资料介绍依赖注入，本节重点是如何在angular2 RC1中应用依赖注入（Dependency injection）。 依赖注入的申明 我们要想[详细]
-
AngularJs Ajax分页控件
所属栏目：[安全] 日期：2020-12-17 热度：105
1.分页控件定义： 控件源码+实例：http://git.oschina.net/tiama3798/AngularJsDemo/tree/pagerBar pager-bar conf="pageConf"/pager-bar 2.使用实例： script src="~/Scripts/PagerBar/pagerBar.js"/scriptdiv class="container" ng-app="myApp" ng-control[详细]
-
为Angularjs ngOptions加上index解决方案
所属栏目：[安全] 日期：2020-12-17 热度：117
Angular中的 select的ngOptions如何像ngRepeat一样加上一个索引$index,如何实现？ 我们所需要的就是js数组的下标，所以我们如果我们能够在对象上加入下标，使用表达式作为option的label就能解决了。[详细]
-
angularjs学习3
所属栏目：[安全] 日期：2020-12-17 热度：140
AngularJS的学习--$on、$emit和$broadcast的使用 ?$emit只能向parent controller传递event与data ?$broadcast只能向child controller传递event与data ?$on用于接收event与data CSS中!important的使用 CSS的原理： 我们知道，CSS写在不同的地方有不同的优先级[详细]
-
RxJS的基本概念
所属栏目：[安全] 日期：2020-12-17 热度：98
什么是RxJS？ Reactive Extension JavaScript. It's a reactive streams library that allows you to work with asynchronous data streams . We represent asynchronous data streams using observable sequences . 什么是 asynchronous data streams ? 1.[详细]
-
AngularJS2初学小结
所属栏目：[安全] 日期：2020-12-17 热度：156
本文的实例中用到了ng2-bootStrap,是用Angular2和bootStrap开发的第三方Component。感兴趣的同学可以戳链接看看。 ###Component 自定义Component -在Angular2中使用@Component 注解在自定义组件： import {Component} from '@angular/core';import {AlertCom[详细]
