-
《AngularJS权威教程》笔记(8-10)——指令简介、内置指令、指
所属栏目:[安全] 日期:2020-12-17 热度:156
1. 指令简介 (1) 指令:自定义HTML元素和属性 [1] HTML引导 [2] 我们的第一个指令 [3] 创建合法指令 [4] 表达式 (2) 向指令中传递数据 [1] 传递数据 [2] 动态传递 2. 内置指令 (1) 基础ng属性指令 [1] 布尔属性 1) ng-disabled 2) ng-readonly 3) ng-checked[详细]
-
[译] 如何手动启动 Angular 程序
所属栏目:[安全] 日期:2020-12-17 热度:106
原文链接: How to manually bootstrap an Angular application Angular 官方文档写到,为了启动 Angular 程序,必须在 main.ts 文件里写上如下代码: platformBrowserDynamic().bootstrapModule(AppModule); 这行代码 platformBrowserDynamic() 是为了构造[详细]
-
事件 – 跟踪滚动位置并通知其他组件(Angular2)
所属栏目:[安全] 日期:2020-12-17 热度:157
争取最好的继续:) 有没有一个简单的方法来跟踪浏览器滚动位置,并通知它比单个组件更多。 这是一个usecase: 在滚动中,我希望能够根据我在哪里更改页面上各种元素的类。在以前版本的角度,有可能通过afix插件(与jQuery相同)。当然,有一个选择是在应用程序[详细]
-
angularjs – 多级表(如果单击了另一个)
所属栏目:[安全] 日期:2020-12-17 热度:173
脚本 说我是拥有很多商店的大公司的老板。根据我在公司内部的角色(组织中的位置),我将具有不同的数据访问权限。将有不同的模块,对于这个具体问题,有一个用户可以通过日常的成本和销售。 (如果这是合法的…不在乎,这只是一个例子。) 因此,用户可以从Back[详细]
-
在Angular2 RC4中如何将组件添加到预编译数组?
所属栏目:[安全] 日期:2020-12-17 热度:111
我刚刚将我的Angular2项目更新为RC4,当我打开我的应用程序时,路由器现在正在控制台中发出此警告消息: router.umd.js:2466 'FrontpageComponent' not found in precompile array. To ensure all components referred to by the RouterConfig are compiled,[详细]
-
[译] 你真的知道 Angular 单向数据流吗
所属栏目:[安全] 日期:2020-12-17 热度:189
原文链接: Do you really know what unidirectional data flow means inAngular 关于单向数据流,还可以参考这篇文章,且文中还有 youtube 视频解析: Angular - What is Unidirectional Data Flow? Learn How the Angular Development Mode Works,why it's[详细]
-
Angular开发实践(四):组件之间的交互
所属栏目:[安全] 日期:2020-12-17 热度:95
在Angular应用开发中,组件可以说是随处可见的。本篇文章将介绍几种常见的组件通讯场景,也就是让两个或多个组件之间交互的方法。 根据数据的传递方向,分为 父组件向子组件传递 、 子组件向父组件传递 及 通过服务传递 三种交互方法。 父组件向子组件传递[详细]
-
[译] 关于 `ExpressionChangedAfterItHasBeenCheckedError` 错误
所属栏目:[安全] 日期:2020-12-17 热度:100
原文链接: Everything you need to know about the ExpressionChangedAfterItHasBeenCheckedError error 关于 ExpressionChangedAfterItHasBeenCheckedError ,还可以参考这篇文章,并且文中有 youtube 视频讲解: Angular Debugging "Expression has chang[详细]
-
在AngularJS指令中运行链接功能之前,请等待控制器中的数据
所属栏目:[安全] 日期:2020-12-17 热度:152
在运行链接功能之前,如何确保控制器中的数据已加载到指令中? 使用伪代码,我可以: my-map id="map-canvas" class="map-canvas"/my-map 为我的html 在我的指令中,我可能会这样做: app.directive('myMap',[function() {return{ restrict: 'AE',template:[详细]
-
角度2 – 相当于根范围?
所属栏目:[安全] 日期:2020-12-17 热度:167
所有!我有这个组件,当我点击href,它应该设置一个变量作为根范围,如果它是Angular 1像这样: selector: 'my-component'template : ` div (click)="addTag(1,'abc')"`constructor() { this.addTag = function(id,desc){ myGlobalVar = { a: id,b: desc}; }[详细]
-
angularjs – E2E mock $httpBackend实际上并没有透过我
所属栏目:[安全] 日期:2020-12-17 热度:185
虽然我相信我正在跟随 instructions here设置$ httpBackend将选定的请求传递给服务器,但这对我来说并不适用。 Here is a Plunkr with a failing test 显示了我在做什么,并在评论中解释似乎出了问题。 我的推理表明,由于某种原因,模拟$ httpBackend没有真[详细]
-
angular4x学习笔记
所属栏目:[安全] 日期:2020-12-17 热度:151
angular常用命令: 安装: npm install -g @angular/cli npm install -g cnpm --registry=https://registry.npm.taobao.org //安装淘宝镜像 cnpm install -g @angular/cli 创建项目: ng new 项目名称 cnpm install //安装依赖 启动项目: ng serve --open可[详细]
-
【angular】——上传图片之删除
所属栏目:[安全] 日期:2020-12-17 热度:155
【前言】 今天在做前端图片上传的时候想着能让它自由的删除,站在巨人的肩膀上这次是利用图片组合的方式添加事件实现的,做个简短的总结。 关键代码: *.component.html: div class="form-group" div class="company" button class="btn btn-danger commit_[详细]
-
ionic3 中使用 environments
所属栏目:[安全] 日期:2020-12-17 热度:170
我们需要不同的环境下,需要不同的参数,比如后端api接口什么的,使用Angular Cli,可以很容易的实现这点。在ionic3中,与angular中不一样的,还有cordova这一层壳。 假设我们需要3个环境: dev 、 uat 、 prod web IONIC_ENV : dev、prod,代表2种打包模式([详细]
-
Angularjs – 分离指令文件,但保持在同一个模块上
所属栏目:[安全] 日期:2020-12-17 热度:150
我试图将一个指令与另一个文件分开,而不必声明一个新的模块 – 不做: angular.module('myapp.newmodule',[]).directive 但只是: angular.module( ‘myapp.directives’)指令( ” myapp.directives模块存在于另一个文件中,工作正常。但是当我尝试在另一个[详细]
-
angularjs的$watch、$watchGroup、$watchCollection的区别
所属栏目:[安全] 日期:2020-12-17 热度:148
如果想在controller里面随时监听一个值的变化那就用$watch p labelstrong$watch:/strong/label input type= "text" ng-model= "name" / /p $scope.$watch( , function (newVal,oldVal){ console.log( "new:" +newVal, "old:" +oldVal) }); 以上代码实现监听n[详细]
-
Angular_Angular里怎么深拷贝一个数组
所属栏目:[安全] 日期:2020-12-17 热度:195
Angular里怎么深拷贝一个数组,从群里看见有大佬给的方法。。[详细]
-
AngularJS 路由:ng-route 与 ui-router
所属栏目:[安全] 日期:2020-12-17 热度:74
AngularJS的ng-route模块为控制器和视图提供了[Deep-Linking]URL。 通俗来讲,ng-route模块中的 $route Service监测 $location.url() 的变化,并将它映射到预先定义的控制器。也就是在客户端进行URL的路由。 下面首先给出 $route 的使用示例,然后引入一个更[详细]
-
Angular源码分析:使用数组来存储节点树、对它进行后序遍历
所属栏目:[安全] 日期:2020-12-17 热度:131
使用数组来存储节点树 虽然DOM是以树的方式来组织,但Angular是以 平数组 的方式来存储view中各个节点(包括DOM节点,也包括Directive节点、Provider节点等)的。 数组中每个节点有一个childCount属性,表示在这个数组项的后面有多少个节点是它的后代。 举个[详细]
-
Angular_Loading组件
所属栏目:[安全] 日期:2020-12-17 热度:87
https://embed.plnkr.co/oTBw4G?show=app.compontent.html,previewautoCloseSidebar 地址:https://github.com/kuuurt13/ng-block-ui[详细]
-
跟我读AngularJs的源代码
所属栏目:[安全] 日期:2020-12-17 热度:103
你要相信,再牛逼的框架他的本质也是javascript代码,只要你会js代码你就能看懂!别怂! AngularJs 是一个很简单的框架(其设计思想很前卫,涉及领域很广,使得它表现出很难的特性,但是你要相信,你使用起来还是很简单的。) 我这里分析的是 AngularJS v1.5[详细]
-
Angular权威教程阅读总结(1)
所属栏目:[安全] 日期:2020-12-17 热度:55
启程 寒假的时候老师布置了一个web作业,做一个个人博客,并给出了种子项目代码,一看发现是用angularjs写的,并且是好几年前的东西了(大概已经被淘汰了吧233),于是看了下angular的文档,决定用angular5进行开发。如今加入一个team,刚好里面的前端框架也[详细]
-
Angular开发实践(五):深入解析变化监测
所属栏目:[安全] 日期:2020-12-17 热度:108
什么是变化监测 在使用 Angular 进行开发中,我们常用到 Angular 中的绑定——模型到视图的输入绑定、视图到模型的输出绑定以及视图与模型的双向绑定。而这些绑定的值之所以能在视图与模型之间保持同步,正是得益于Angular中的变化检测。 简单来说,变化检测[详细]
-
Error: Uncaught (in promise): 0
所属栏目:[安全] 日期:2020-12-17 热度:122
Angular中使用 bootstrap的模态框报错: Error: Uncaught (in promise): 0 点击阴影层时候的方法得写上。 红色部分 this.modalService.open(this.loadNowModal).result.then((result) = { this.loadNowErrorMsg = ''; }, (reason) = { } );[详细]
-
Angular开发实践(六):服务端渲染
所属栏目:[安全] 日期:2020-12-17 热度:197
Angular Universal Angular在服务端渲染方面提供一套前后端同构解决方案,它就是 Angular Universal(统一平台),一项在服务端运行 Angular 应用的技术。 标准的 Angular 应用会执行在浏览器中,它会在 DOM 中渲染页面,以响应用户的操作。 而 Angular Univ[详细]