-
【转】ng-if与ng-show区别以及ng-if会创建子作用域问题
所属栏目:[安全] 日期:2020-12-17 热度:164
上周有个需求是为了对数据进行更好的筛选,需要设置两个浮动框 点击后显示的内容分别是 各个班组和各个工种,一开始以为是要用两个浮动框,找啊找,找了半天没有找到,然后做成点击不同按钮在同一个浮动框里显示不同的内容,那我自然是想到了ng-if(当时是考[详细]
-
使用angular2 自带的指令,快捷创建服务,组件等!
所属栏目:[安全] 日期:2020-12-17 热度:183
使用ng 指令创建一个组件! ng g component produce 可以直接创建指令并更新app.module.ts; ng g service shared/login; 可以直接创建服务,保存到shared文件下; 因为刚接触angular2,有待更新[详细]
-
angularjs – $ routeParams不工作在解决函数
所属栏目:[安全] 日期:2020-12-17 热度:69
我使用 this技术来加载数据。所以我创建了以下resolve函数: NoteController.resolve = { note: function($routeParams,Note) { return Note.get($routeParams.key); }} 问题是$ routeParams.key在解析函数执行的时刻未定义。是正确的/错误?我该如何解决?[详细]
-
angualr 自定义指令link函数NgModelController Formatters 和 pa
所属栏目:[安全] 日期:2020-12-17 热度:87
指令是angular框架提供的一个强大的功能,angular本身就是一个MVVM框架; 在自定义指令中,model与view之间的交互以及变化是很频繁的,angular提供了两个管道数组, $ Formatters $ Parsers,让我们在自定义指令是用来控制viewmodel之间的变化; 以下是官方[详细]
-
《angular2项目之目录结构》
所属栏目:[安全] 日期:2020-12-17 热度:103
前言 小编最近在进行前端工程化的工作,使用Angular2前端框架对项目前端界面进行重构。继而对于Angular2项目运行原理有一些新的体会,在这里与君共勉。 正文 Angular2目录结构 开发 创建新的文件夹HelloWorld mkdir HelloWorld 创建配置文件package.json 说[详细]
-
angular中页面跳转同时传递参数
所属栏目:[安全] 日期:2020-12-17 热度:142
遇到一个页面跳转的时候,在跳转后的页面获取跳转前页面的数据,我想到用一种是localstorage,一种用broadcast和on,然后老大说不用这么麻烦,既然都$state.go了直接带参数,这次就介绍一下$state.go页面跳转传递参数。 1.路由页面(注意这里要在路由上添加一[详细]
-
(SystemJS) Can't resolve all parameters for
所属栏目:[安全] 日期:2020-12-17 热度:132
angular4中添加service的DI注入后,编译后在tomcat下运行,一直提示 (SystemJS) Can't resolve all parameters for TestComponent: (?).syntaxError@http://localhost:8080/web/node_modules/@angular/compiler/bundles/compiler.umd.js:1513:34 [root]Compi[详细]
-
使用Angular 4、Bootstrap 4、TypeScript和ASP.NET Core开发
所属栏目:[安全] 日期:2020-12-17 热度:89
-
AngularJs在ng-click函数中如何获取代表当前元素的DOM对象
所属栏目:[安全] 日期:2020-12-17 热度:101
[javascript] view plain copy print ? input class = "unchecked" type= "checkbox" ng-model= "item.isCustOmized" ng-click= "switchCheckBox($event,item.isCustOmized)" / $scope.switchCheckBox= function ($event,value){ //console.log(value) if (v[详细]
-
primeNG DataTable中Templating <ng-template>标签报错
所属栏目:[安全] 日期:2020-12-17 热度:177
DataTable - Templating中自定义模板的时候报错:Template parse errors: 'ng-template' is not a known element: 解决:因为ng-template是angular4的标签,所以会报错,如果使用angular2,那么可以将标签替换为template这样就可以了,也就是 angular4-primen[详细]
-
angular使用管道实现搜索功能
所属栏目:[安全] 日期:2020-12-17 热度:189
之前在没学精angular的时候,想实现搜索功能的时候,总是想着从数据库里获取搜索的结果,可殊不知,原来在angular中只需要简单的几行代码就实现了最常用的搜索功能. 下面就来说说如何实现: 1. export class person{ constructor( public name:string,public age:[详细]
-
angular2 – Angular 2的打字稿找不到名字
所属栏目:[安全] 日期:2020-12-17 热度:128
我使用angular 2与typescript 1.6和当我编译代码我得到这个错误: Error TS2304: Cannot find name 'Map'. node_modules/angular2/src/core/change_detection/parser/locals.d.ts(4,42): Error TS2304: Cannot find name 'Map'. node_modules/angular2/src/c[详细]
-
【图书】Angular权威教程
所属栏目:[安全] 日期:2020-12-17 热度:74
-
5月13-14日上海、南京源创会,探讨 Angular 核心特性
所属栏目:[安全] 日期:2020-12-17 热度:71
-
angularJs页面弹框的实现
所属栏目:[安全] 日期:2020-12-17 热度:92
弹框需要三样东西,点击发生弹框事件的按钮,弹框页面,js逻辑。 下面用一个实例解释: 1,按钮:按钮的点击事件为toSendEmail() button type = "button" ng-click= "vc.toSendEmail()" class = "button button-icon ion-ios-email-outline" style= "margin-[详细]
-
如何用AngularJS使用ECharts画图
所属栏目:[安全] 日期:2020-12-17 热度:163
想要完成的功能: 画圆环图,pie 圆环图颜色需要换, 圆环图中间需要显示总数,官方文档在中间显示的文字是鼠标hover哪个显示哪个。 图标显示在圆环图的下方 遇到的困难: 1.因为官方文档中eChart是基于原生js写的,所以一开始不知道怎么使用AngularJS调用eC[详细]
-
Angular4 ngrxstore简介和安装
所属栏目:[安全] 日期:2020-12-17 热度:119
1 ngrx store 简介 对于ngrx store 在angualr2/4 的官方文档介绍不多。所以我在这里简单介绍一下ngrx store的概念。ngrx store 是借用redux 对于single page application的状态管理(state management)理念并且结合了rxjs来实现的。随着single page applica[详细]
-
Angular2-核心内容介绍
所属栏目:[安全] 日期:2020-12-17 热度:72
因为项目需要,开始接触Angular2框架。大家都说Angular2和Angular1.0差别特别大,Angular2弥补了Angular1.0没有面向对象的缺陷,我自己也是这么觉得的,虽然我并没有学过Angular1.0。所以今天问了浩哥一个问题,他一句话解决了我的疑惑。我问他Angular2和Ang[详细]
-
AngularJS学习
所属栏目:[安全] 日期:2020-12-17 热度:85
AngularJS下载: https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.js 哇,没想到这两个文件差别那么大,得有10倍大小 angular.js 是未修改的human-readable适合Web开[详细]
-
angularjs解决方案之 Error: [$sce:unsafe]
所属栏目:[安全] 日期:2020-12-17 热度:62
angularjs中无法直接使用ng-bind-html: divng-bind-html="item.text|highlight:$select.search"/div 1.app.js中添加 angular.module('epcui',['ngSanitize'//ngSanitize]) 2.html中添加sanitize scriptsrc="js/angular/angular-sanitize.js"/script 借鉴:h[详细]
-
angularjs-$http跨域访问报错的问题
所属栏目:[安全] 日期:2020-12-17 热度:80
在angularjs中实现$http的跨域访问,最好的方式是用jsonp的形式。 1. 指定callback和回调函数名,函数名为JSON_CALLBACK时,会调用success回调函数,JSON_CALLBACK必须全为大写。 2. 指定其它回调函数,但必须是定义在window下的全局函数。url中必须加上call[详细]
-
angular2——发布angular2模块,服务
所属栏目:[安全] 日期:2020-12-17 热度:156
上回说到了如何利用npm包管理器发布自己的包,这次咱们就来个实践。 引言:三步走战略 1、写好自己的组件 2、利用npm发布自己的组件 3、使用包 一、写组件 基于angular2的架构,一般都需要下列文件 html文件,css文件,component文件,modu le文件。 compone[详细]
-
angular4路由 知道这些就够用了
所属栏目:[安全] 日期:2020-12-17 热度:82
angular 4 路由 使用cli命令创建根路由模块 ng g cl app.router 或自己建一个路由配置文件 如: app/app.router.ts // app/app.router.ts// 将文件修改为import { RouterModule,Routes } from '@angular/router';const routes: Routes = [ // 以后在这里改动[详细]
-
详解AngularJs过滤器--filter
所属栏目:[安全] 日期:2020-12-17 热度:186
Filter作用就是接收一个输入,通过某个规则进行处理,然后给用户返回处理后的结果。AngularJs内置9种过滤器,开发者也可以自定义过滤器。 一、AngularJs 9种内置过滤器 1、filter:选择数组的子集,并且返回一个新的数组. (Selects a subset(子集) of ite[详细]
-
webpack前端构建angular1.0!!!
所属栏目:[安全] 日期:2020-12-17 热度:158
webpack前端构建angular1.0 Webpack最近很热,用webapcak构建react,vue,angular2.0的文章很多,但是 webpack 构建 angualr1.0 的文章找来找去也没有一篇让我感觉到很满意的,好多都运行报错,所以我参考了几篇文章,写一篇webpack前端构建angular1.0的文章[详细]