-
AngularJS Group By Directive没有外部依赖
所属栏目:[安全] 日期:2020-12-17 热度:139
我是新来的Angular,并想学习处理一个问题的最佳方式。我的目标是有一个可重用的方法来创建组的头。我创建了一个解决方案,但我认为这应该是一个指令,而不是我的控制器中的范围函数,但我不知道如何完成这一点,或者如果指令是甚至正确的方式去。任何投入将[详细]
-
angularjs – 改变CSS滚动角样式
所属栏目:[安全] 日期:2020-12-17 热度:190
我想在用户滚动角度方式时更改CSS元素。 这里的代码工作的JQuery方式 $(window).scroll(function() { if ($(window).scrollTop() 20 $(window).scrollTop() 600) { $('header,h1,a,div,span,ul,li,nav').css('height','-=10px'); } else if ($(window).scrol[详细]
-
AngularJS – 为什么是$apply需要正确解析一个$q promise?
所属栏目:[安全] 日期:2020-12-17 热度:140
我试图在我的角应用程序中写一个小服务,这将使我能够选择在全局Javascript对象中指定的配置参数。我不想尝试访问全局配置对象,除非文档准备好了(因为我不能保证脚本元素将被插入到HTML中的顺序)。 然而,我不明白为什么我需要调用$ apply的分辨率实际传播[详细]
-
angular4 上传本地图片,将拿到的files转化为url地址,提示sanit
所属栏目:[安全] 日期:2020-12-17 热度:110
??最近用angular4做项目,上传图片时在onchange里面拿到files文件,将files文件转化为url地址显示的时候,发现console里面报错,同时angular4提示WARNING: sanitizing unsafe URL value,最后在谷歌找到解决办法。下面附上我的代码截图。 ??html中使用input[详细]
-
Angular4_获取当前Url地址和获取Url传递的参数
所属栏目:[安全] 日期:2020-12-17 热度:91
import { Location } from '@angular/common' ; console . log ( location .pathname); 以上就是获取URL地址 获取参数: import { ActivatedRoute } from '@angular/router' ; constructor ( @ Inject ( DOCUMENT ) private document : Document , private r[详细]
-
Angular、React、Vue.js 等 6 大主流 Web 框架都有什么
所属栏目:[安全] 日期:2020-12-17 热度:173
-
Angular 内置属性型指令
所属栏目:[安全] 日期:2020-12-17 热度:88
Angular内置属性型指令 属性型指令会监听和修改其他HTML元素或组件的行为、元素属性(Attribute)、DOM属性(Property)。他们通常会作为HTML属性的名称而应用在元素上。 更多Angular模块,比如:RouterModel和FormsModule都定义了自己的属性型指令。 几个常用[详细]
-
为什么AngularJS货币筛选器用括号格式化负数?
所属栏目:[安全] 日期:2020-12-17 热度:177
Live Demo 为什么这个: # Controller$scope.price = -10;# View{{ price | currency }} 结果在($ 10.00)而不是 – $ 10.00? 这是代表负货币的流行方式。 Wikipedia: In bookkeeping,amounts owed are often represented by red numbers,or a number in pa[详细]
-
单元测试 – 在karma中运行的角度测试中超时如何工作
所属栏目:[安全] 日期:2020-12-17 热度:193
我喜欢使用控制台日志反馈可能太多,有时我运行代码,作为惯例我们已经添加$ timeout在指令/服务/控制器,有时长达500毫秒,现在的问题是在单元测试,我注意到只有console.logs直接在它的构造函数被发送到karma并输出到屏幕。 包裹的控制台日志在超时或更换[详细]
-
角2 ngrx(redux)形式
所属栏目:[安全] 日期:2020-12-17 热度:120
在单向数据流中如何处理Angular 2形式?特别是在几个父/子组件之间进行验证? 我使用ngrx /存储和模型驱动窗体与窗体生成器..可以做类似于形式reducer在React,并使它作为商店的一部分吗? 你有一些文章吗? 在我使用Angular 2构建的应用程序中,以下准则似[详细]
-
angularjs – angular UI路由器| $stateParams不工作
所属栏目:[安全] 日期:2020-12-17 热度:58
似乎$ stateParams不工作。 通过日期如下: $state.go('state2',{ someParam : 'broken magic' }); 在目标状态上忽略的参数 console.log('state2 params:',$stateParams); // return empty object {} 码: var app = angular.module('app',[ 'ui.router' ]);[详细]
-
angularjs – 在一个循环中传递变量以承诺
所属栏目:[安全] 日期:2020-12-17 热度:125
我有一个循环中的承诺,我不知道如何传递一些范围变量到promise处理程序。 for(var i in superarray){ MyService.get(superarray[i].externalID).then(function(r){ console.debug(i);}); MyService是一个工作服务,具有返回promise的get方法。 app.factory([详细]
-
angularjs – 在元素中插入一个有角度的js模板字符串
所属栏目:[安全] 日期:2020-12-17 热度:136
我试图把一些角度的js模板字符串在一个元素,并期望一个编译的输出。但这不是发生。 HTML div ng-controller="testController" div ng-bind-html-unsafe="fruitsView"/div/div 控制器: function filterController($scope){ ... $scope.arr = ["APPLE","BANA[详细]
-
在自定义AngularJS标记中需要一些绑定属性的示例
所属栏目:[安全] 日期:2020-12-17 热度:160
我试图创建一个类似以下的自定义标签: mytag type="Big" / 其中type是绑定到组件的属性。以这样的方式,它设置文本在一个标签,如下所示: label{{type}}/label …(其他组件)… 如文档所述,我有一个控制器设置默认类型: $scope.type = "Small"; 所以如果[详细]
-
angularjs – Angular JS在POST请求中验证CSRF令牌
所属栏目:[安全] 日期:2020-12-17 热度:101
我使用AngularJS与Rails。我有以下请求批量更新用户。 $http{ method: 'POST',url: $scope.update_url,params: {selected_ids: userIds} } 由于URL长度的限制,此请求不能是“GET”请求(http://support.microsoft.com/kb/208427) 但是对于’POST’请求,我们[详细]
-
angular4动画的使用
所属栏目:[安全] 日期:2020-12-17 热度:94
引入动画模块 angular4的动画模块是独立出去,所以要通过npm来下拉动画模块 npm install -S @angular/animations; [-S : save ] 在app.module.ts中导入动画模块并注册 import {BrowserAnimationsModule} from "@angular/platform-browser/animations";// 注[详细]
-
AngularJS的Google地图
所属栏目:[安全] 日期:2020-12-17 热度:58
我对AngularJS非常新,我试图使用 https://github.com/angular-ui/angular-google-maps。 我只是想让地图渲染在我的页面,但我得到一个错误消息,我不知道这是什么意思。任何帮助理解此错误消息将不胜感激。 我在这里创建了一个plunk: github.com/twdean/pl[详细]
-
AngularJS $watch vs $watchCollection:这是更好的性能?
所属栏目:[安全] 日期:2020-12-17 热度:88
对于观察对象范围变量,是$ scope。$ watch with objectEquality设置为true OR $ scope。$ watchCollection更好? 对于一个$ scope对象变量(如15个属性,一些嵌套的2级深度)用视图中的输入元素和ng-model更新,$ scope有多糟糕$ watch with objectEquality设[详细]
-
angularjs – Angular – 从控制器中的URL路径返回ID
所属栏目:[安全] 日期:2020-12-17 热度:182
我正在构建一个相当简单的AngularJS应用程序,但为了简单起见,我宁愿不使用路由(如果可能的话),只是从服务器返回单个Angular页面。基本上,使用Angular仅用于’widgets’的布局和功能,而不是在页面之间移动。 说到这里,我花了几个小时试图从当前的URL中[详细]
-
angularjs之根据某个属性值将json分组
所属栏目:[安全] 日期:2020-12-17 热度:67
angular.forEach(rightOptions.options,function(v,k){_label=v.group;varsubInsertMenus={};if(!rightMenus[_label]){//判断父节点是否存在subMenu(v);subInsertMenus[v.label]=srm;varrm={"label":_label,"separator_before":false,"separator_after":fals[详细]
-
【Angular】组件内容嵌入ng-content
所属栏目:[安全] 日期:2020-12-17 热度:166
组件的内容嵌入:在组件中嵌入模板代码,提高组件的可复用性。很好得扩充组件的功能,方便代码的服用。典型的例子就是:模态对话框或导航栏的使用,通常模态对话框和导航栏的样式是一样的,这是如果有一个模板,我们只负责往里面填充数据,是不是就方便使用[详细]
-
AngularJS表单验证指令$setValidity on element
所属栏目:[安全] 日期:2020-12-17 热度:170
我试图对指令中的元素使用$ setValidity。所有的例子我发现似乎设置在控制器上… 我在表单验证上分配了一个JS小调,并尝试了一堆东西。任何见解都将非常感激: http://jsfiddle.net/thomporter/pmKpG/2/ 在小提琴中,$ setValidity在控制器上被调用: ctrl.$[详细]
-
angularjs – Angular ui-router获取异步数据的解决方案
所属栏目:[安全] 日期:2020-12-17 热度:54
我想显示一个带有对应于编辑项目的数据的表单。我使用ui路由器路由。我定义了一个状态: myapp.config(function($stateProvider) { $stateProvider. .state('layout.propertyedit',{ url: "/properties/:propertyId",views : { "contentView@": { templateUr[详细]
-
AngularJS – 指令模板动态
所属栏目:[安全] 日期:2020-12-17 热度:67
如何使用动态模板创建指令? 'use strict';app.directive('ngFormField',function($compile) {return { transclude: true,scope: { label: '@' },template: 'label for="user_email"{{label}}/label',// append replace: true,// attribute restriction rest[详细]
-
Angular练习之animations动画三
所属栏目:[安全] 日期:2020-12-17 热度:58
返回目录 前言 文章基于angular的练手项目。 文章目录 上一篇文章 《Angular练习之animations动画二》中练习了入场和出场动画、 Keyframes实现串联动画、Group实现并行动画。今天练习动画回调函数、query选择器。 开始练习 回调函数 回调用法也是很简单,如[详细]