-
关于AngularJS的ui-router
所属栏目：[安全] 日期：2020-12-17 热度：103
下面以一个具体的例子来解释ui-router的用法： 准备工作 page1.html div this is the page1 con/ div page2.html div this is the page2 con/ div extra.html div this is the extra con/ div main.html !DOCTYPE html html head meta charset = "utf-8" tit[详细]
-
使用 Angular
所属栏目：[安全] 日期：2020-12-17 热度：187
-
Angular2环境搭建
所属栏目：[安全] 日期：2020-12-17 热度：80
1.创建package.json文件 cd xhhAngularnpm init package.json: { "name": "xhhangular","version": "1.0.0","description": "","scripts": { "start": "webpack-dev-server --inline --hot --colors --progress","postinstall": "./node_modules/.bin/typing[详细]
-
从安装认识Angular 2
所属栏目：[安全] 日期：2020-12-17 热度：176
关于介绍，只说一句：Angular 2是一个强大、全面、庞大的MVVM框架。 安装 安装，也算是一个坎，因为你需要安装一大堆东西，却不知道每个东西是做什么的，尽管有Angular-cli全家桶，但是个人觉得：一开始学就安装全家桶，就像你直接用自动挡学开车一样，虽然[详细]
-
angular2-image-upload ng2图片上传插件
所属栏目：[安全] 日期：2020-12-17 热度：191
1、 安装模块 npm install angular2-image-upload --save 2、配置app.module.ts @NgModule({ imports: [ ...,ImageUploadModule.forRoot(),... ]}) 3、模板中使用 image-upload/image-upload 4、配置信息 [max]="100" 最大上传文件个数 [url]="'example.com/[详细]
-
Angular 2 AsyncPipe
所属栏目：[安全] 日期：2020-12-17 热度：197
更新时间 - 2017-03-21 15：02 今天我们来介绍一下 Angular 2 中 AsyncPipe (异步管道) ，使用 AsyncPipe 我们可以直接在模板中使用 Promise 和 Observable 对象，而不用通过定义一个类的成员属性来存储返回的结果。 AsyncPipe 订阅一个 Observable 或 Promi[详细]
-
Angular2学习笔记(一) angular-cli创建项目
所属栏目：[安全] 日期：2020-12-17 热度：101
首要工具安装 nodejs和npm(安装好nodejs后会自带) 更改npm为国内镜像(国外比较慢) npm config set registry https://registry.npm.taobao.org npm info underscore （如果上面配置正确这个命令会有字符串response） 安装angular-cli工具 npm install -g @ang[详细]
-
Angular2学习笔记(二) angular2结构
所属栏目：[安全] 日期：2020-12-17 热度：178
Angular2结构图 八大模块 模块 (module) 组件 (component) 模板 (template) 元数据 (metadata) 数据绑定 (data binding) 指令 (directive) 服务 (service) 依赖注入 (dependency injection) 模块 Angular 应用是模块化的，并且 Angular 有自己的模块系统，它[详细]
-
angularjs – 如何在控制器中使用过滤器？
所属栏目：[安全] 日期：2020-12-17 热度：158
我写了一个过滤器函数，它将返回基于你传递的参数的数据。我想在我的控制器相同的功能。是否有可能在控制器中重用过滤器功能？ 这是我到目前为止所尝试的： function myCtrl($scope,filter1){ // i simply used the filter function name,it is not working.[详细]
-
AngularJS – 模板中的三元组
所属栏目：[安全] 日期：2020-12-17 热度：181
如何使用AngularJS(在模板中)做三元？ 这将是很好的使用一些在html属性(类和样式)，而不是创建和调用控制器的函数。 更新：Angular 1.1.5添加了一个ternary operator，所以现在我们可以简单地写 li ng-class="$first ? 'firstRow' : 'nonFirstRow'" 如果您使[详细]
-
用AngularJS限制字符串的长度
所属栏目：[安全] 日期：2020-12-17 热度：172
我有以下： div{{modal.title}}/div 有没有办法，我可以限制字符串的长度说20个字符？ 一个更好的问题是有一种方法，我可以更改字符串被截断，如果超过20个字符，结束时显示…？ 编辑 最新版本的AngularJSoffers limitTo filter。 你需要一个自定义过滤器，[详细]
-
AngularJS路由,没有散列’#’
所属栏目：[安全] 日期：2020-12-17 热度：180
我正在学习AngularJS，有一件事真的让我很恼火。 我使用$ routeProvider声明我的应用程序的路由规则： $routeProvider.when('/test',{ controller: TestCtrl,templateUrl: 'views/test.html'}).otherwise({ redirectTo: '/test' }); 但是当我在浏览器中导航[详细]
-
在Angular应用启动前获取数据并注入到应用中
所属栏目：[安全] 日期：2020-12-17 热度：169
在Angular应用启动前获取数据并注入到应用中 在部分业务场景下，我们在启动客户端Angular应用时，可能需要将一些数据注入到Angular应用中，比如：配置文件信息－让应用根据不同的配置信息进行初始化操作，应用的遗留数据信息－实现应用的平滑升级等等。 如何[详细]
-
【ngMiracle】Angular 中的通信方式
所属栏目：[安全] 日期：2020-12-17 热度：116
原文出处：https://zhuanlan.zhihu.com/p/25119245 【ngMiracle】Angular 中的通信方式 Trotyl Yu 1 个月前 软件工程中，随着应用规模的不断扩大，必然需要进行逻辑功能的划分。在 Web 开发中，组件化和模块化的观念已经被越来越多的人所熟知，从而编写出更[详细]
-
关于AngularJS controller之间的数据通信
所属栏目：[安全] 日期：2020-12-17 热度：51
方法一： 要知道的知识点: 1. broadcast会把事件广播给所有子controller; 2. emit则会将事件冒泡传递给父controller; 3. $on则是angularjs的事件注册函数; 接下来我们就来看一个具体的实例代码： 首先是html代码，这个结构也比较简单，就是一个父控制器下分[详细]
-
基于AngularJs 省市区联动实践
所属栏目：[安全] 日期：2020-12-17 热度：92
HTML: city-linkage city-list=division/city-linkage controller $scope.division = $localStorage.division;$scope.$on('cityVlue',function(e,v) { console.log(v); }); directive HTML div class="cityLinkage" class="container-fluid" div class="row"[详细]
-
angular factory 服务封装获取数据的服务
所属栏目：[安全] 日期：2020-12-17 热度：82
.factory("queryData",function ($http,$q) { var resultData = {}; /* get方法获取数据 */ resultData.getData = function (urlParams,params,state) { var deferred = $q.defer(); /* get方法获取数据 */ $http.get(url + urlParams,{params: params},{cac[详细]
-
Angular 2 Input
所属栏目：[安全] 日期：2020-12-17 热度：91
更新时间 - 2017-03-22 Input 是属性装饰器，用来定义组件内的输入属性。在实际应用场合，我们主要用来实现父组件向子组件传递数据。Angular 应用是由各式各样的组件组成，当应用启动时，Angular 会从根组件开始启动，并解析整棵组件树，数据由上而下流下下[详细]
-
angular ng重复相反
所属栏目：[安全] 日期：2020-12-17 热度：97
我怎么能得到一个反向数组的角？ 我想使用orderBy过滤器，但它需要一个谓词(例如’name’)来排序： tr ng-repeat="friend in friends | orderBy:'name':true" td{{friend.name}}/td td{{friend.phone}}/td td{{friend.age}}/tdtr 有没有办法反转原始数组，没[详细]
-
angularjs – 我应该使用typcript吗？或者我可以只使用ES6？
所属栏目：[安全] 日期：2020-12-17 热度：93
我的日常工作是客户开发人员使用AngularJS。我们正在评估我们是否想使用TypeScript。我做了一些关于typescript的研究，几乎每一个JavaScript包都需要有定义类型的文件。我发现这不是很方便，尤其是如果我想尝试新的东西，他们没有它的定义。它真的令人沮丧。[详细]
-
Angular 2 + 折腾记 ：(2)初步认识angular2，不一样的开发模式
所属栏目：[安全] 日期：2020-12-17 热度：189
前言 想来想去，概念这些东西不怎么想讲，更多的是想讲点实战性的内容。 所以有些东西跳过去了，小伙伴们请去看官方文档哈；跳跃性的前进，写的不好多包涵。。。 基础概念 国内的官网–基础 词汇表(又名计算机术语–angular2 es6 es7) 速查表:又名demo写法表[详细]
-
Angular之constructor和ngOnInit差异及适用场景
所属栏目：[安全] 日期：2020-12-17 热度：67
Angular中根据适用场景定义了很多生命周期函数，其本质上是事件的响应函数，其中最常用的就是 ngOnInit 。但在TypeScript或ES6中还存在着名为 constructor 的构造函数，开发过程中经常会混淆二者，毕竟它们的含义有某些重复部分，那 ngOnInit 和 constructor[详细]
-
Angular ng-class样式切换
所属栏目：[安全] 日期：2020-12-17 热度：131
1、HTML ion-view ion-content div class="button-bar" div ng-class="{true: 'bgstyle-check',false: 'bgstyle'}[isFirst]" ng-click="isFirst = !isFirst"First/div div ng-class="{true: 'bgstyle-check',false: 'bgstyle'}[isSecond]" ng-click="isSecon[详细]
-
angular1.5使用ui.select2
所属栏目：[安全] 日期：2020-12-17 热度：140
必须下载安装 ui.select2 select2(多选） module中配置 ui.select2 1、 主界面 控制器中定义了name变量 div {{$ctrl.name}} select-component hero="$ctrl.name"/select-component/div 2、 子界面component app.component("selectComponent",{ restrict: 'E'[详细]
-
RxJS Functional Programming
所属栏目：[安全] 日期：2020-12-17 热度：197
什么是函数式编程 简单说，"函数式编程"是一种 "编程范式"（programming paradigm），也就是如何编写程序的方法论。 它属于 "结构化编程" 的一种，主要思想是把运算过程尽量写成一系列嵌套的函数调用。举例来说，现在有这样一个数学表达式： (5+6) - 1 * 3[详细]
