-
使用Angular-cli搭建Angular Material 2应用示例
所属栏目:[安全] 日期:2020-12-17 热度:147
百度百科:Material Design,中文名:材料设计语言,是由Google推出的全新的设计语言,谷歌表示,这种设计语言旨在为手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”。 1.首先需要全局安装angular-cli: npm install -g @angular/cl[详细]
-
Angularjs在工作中的使用
所属栏目:[安全] 日期:2020-12-17 热度:159
Angularjs校验插件ngMessages使用方法 1. 引入angular-messages.js插件 2. 在模块中引入ngMessages Var homePageApp = angular.module( 'homePageApp' ,[ 'ui.router' , 'pager' , 'ngDialog','daterangepicker' , 'ngMessages' ]); 3. 在模板文件中使用它进[详细]
-
AngularJS – $watch一个对象
所属栏目:[安全] 日期:2020-12-17 热度:114
我想监视字典中的更改,但由于某些原因没有调用watch回调。 这里是我使用的控制器: function MyController($scope) { $scope.form = { name: 'my name',surname: 'surname' } $scope.$watch('form',function(newVal,oldVal){ console.log('changed'); });}[详细]
-
在AngularJS控制器之间共享数据
所属栏目:[安全] 日期:2020-12-17 热度:78
我试图在控制器之间共享数据。用例是多步骤形式,在一个输入中输入的数据稍后在原始控制器之外的多个显示位置中使用。代码在下面和在 jsfiddle here。 HTML div ng-controller="FirstCtrl" input type="text" ng-model="FirstName"!-- Input entered here --[详细]
-
如何取消订阅angularJS中的广播事件 如何删除通过$ on注册的函数
所属栏目:[安全] 日期:2020-12-17 热度:75
我已经注册我的监听器$广播事件使用$ on函数 $scope.$on("onViewUpdated",this.callMe); 并且我想根据特定的业务规则取消注册此侦听器。但我的问题是,一旦它注册,我不能取消注册它。 在AngularJS中有没有任何方法来取消注册特定的监听器?一个像$ on这样的[详细]
-
AngularJS的依赖注入方式
所属栏目:[安全] 日期:2020-12-17 热度:117
在定义controller,module,service,and directive时有两种方式, 方式一: var myModule = angular.module('myApp',[]); myModule.controller('myCtrl',['$scope','Project',function($scope,Project) { }]); 方式二: var myModule = angular.module('myApp'[详细]
-
angular js(2)和ionic(2)的总结
所属栏目:[安全] 日期:2020-12-17 热度:130
最近一段时间又学习了一遍angular 2 和 ionic 2 主要和1的差别个人认为主要在于typescript这种语法的差异,typescript是一种OOP编程语言,是js的超集, 他将js面向对象编程弱的特点给完全放大出来而解决 所以我们看到angular 中一个界面就是一个类 component[详细]
-
AngularJS中的依赖注入 一
所属栏目:[安全] 日期:2020-12-17 热度:78
Provider服务($provide) $provide服务负责告诉Angular如何创造一个新的可注入的东西:即服务(service)。服务会被叫做provider的东西来定义,你可以使用$provide来创建一个provider。你需要使用$provide中的provider方法来定义一个provider,同时你也可以通[详细]
-
AngularJS中的依赖注入 二
所属栏目:[安全] 日期:2020-12-17 热度:157
3种创建自定义服务的方式。 Factory Service Provider 大家应该知道,AngularJS是后台人员在工作之余发明的,他主要应用了后台早就存在的分层思想。所以我们得了解下分层的作用,如果你是前端人员不了解什么是分层,那么你最好问问你后台的小伙伴。 dao层 :[详细]
-
ngRoute 和 ui.router 的使用方法和区别
所属栏目:[安全] 日期:2020-12-17 热度:77
在单页面应用中要把各个分散的视图给组织起来是通过路由机制来实现的。本文主要对 AngularJS 原生的 ngRoute 路由模块和第三方路由模块 ui.router 的用法进行简单介绍,并做一个对比。 ngRoute 使用方法 1) 引入 angular-route lib 无论是 ngRoute 还是 ui.r[详细]
-
AngularJS中基于cookie的权限认证
所属栏目:[安全] 日期:2020-12-17 热度:141
单页应用(Single Page Apps)正在AngularJS的引领下统治着世界(好屌的样子)。我们在Web 2.0 时代学到的很多东西都已不再适用,在权限认证方面就感觉到了很大的不同。 对于不同的构建发布AngularJS app方式有很多处理权限认证的方法,我希望这篇文章可以让你搞[详细]
-
NG2&4折腾记 --- 记NG2升级NG4 RC1之修正问题跑起来
所属栏目:[安全] 日期:2020-12-17 热度:125
前言 尝试把正式项目NG2.X升级到RC1。。修正一些问题可以正确跑起来,等下回滚嗯。。。 问题1:template标签已经废弃了 信息来源:启动的时候控制台有提示,官方日志也有说 解决方案:全局搜索 ,替换 ng-template/ng-template 问题2: 动画已经独立出一个专[详细]
-
angularjs2进阶教程5-路由
所属栏目:[安全] 日期:2020-12-17 热度:184
还是 angularjs2入门1-文件结构分析 的源码,将app名称tutorial-step5-router 添加列表视图,两种不同的方式来显示列表。点击列表中的某一项,进入英雄的详情。 详细介绍可以参考angularjs2进阶教程-项目介绍 我们要添加Angular’s Router。 上节课中已经有[详细]
-
angularjs2进阶教程6-http服务
所属栏目:[安全] 日期:2020-12-17 热度:109
还是 angularjs2入门1-文件结构分析 的源码,将app名称tutorial-step6-http The HttpModule is not a core Angular module. called @angular/http 需要在 app.module.ts 上加上 import { HttpModule } from '@angular/http' ; 还需要 imports : [ HttpModule[详细]
-
angular2 + JSSDK的微信分享定制总结
所属栏目:[安全] 日期:2020-12-17 热度:150
在微信浏览器内打开任何网页,若不配置分享接口,微信会默认使用如下信息作为分享信息: 默认标题:HTML的title 默认连接:当前页面的地址,即location.href 默认图片:会取当前页面body内最前面的一张符合条件的图片(尺寸必须大于300px × 300px) 默认摘[详细]
-
Angular 1.X中 ng-repeat配合拖拽排序插件引起的问题
所属栏目:[安全] 日期:2020-12-17 热度:163
如图 拖拽完 并不会正常排序。发现引起问题的原因是 track by $index 但我的数据渲染需要嵌套 ng-repeat 但我的数据渲染用到嵌套 ng-repeat ,需要获取外部一层的 $index tr ng-repeat="yAxis in tmpChartData.yAxis track by outIndex" ng-init="outIndex =[详细]
-
Angular2如何使用jQuery
所属栏目:[安全] 日期:2020-12-17 热度:130
Angular2是以TypeScript语言作为默认编码语言,所以你看到的全部都是.ts结尾的文件。 什么是TypeScript 首先,它是一个编译型语言;既然是编译型,那么你像重构、导航、智能提醒这种工具属性就可以发挥出来,所以你会发现使用VS CODE来写Angular简直就是绝配[详细]
-
angular2中路由的相关知识
所属栏目:[安全] 日期:2020-12-17 热度:126
路由策略 http://host[:port]/[/path][?query][#hash][/path] PathlocationStrategy[#hash] HashlocationStrategy 比如 PathlocationStrategy http://localhost:4200/listHashlocationStrategy http://localhost:4200/#/list HashlocationStrategy 浏览器发[详细]
-
在AngularJS的指令范围中的’@’和’=’有什么区别?
所属栏目:[安全] 日期:2020-12-17 热度:194
我仔细阅读了AngularJS文档的主题,然后用一个指令。这是 fiddle。 以下是一些相关的片段: 从HTML: pane bi-title="title" title="{{title}}"{{text}}/pane 从pane指令: scope: { biTitle: '=',title: '@',bar: '=' }, 有几件事我不能得到: 为什么我必须[详细]
-
为每个AngularJS 2项目生成的大量文件
所属栏目:[安全] 日期:2020-12-17 热度:156
我想为AngularJS 2开始一个简单的hello world应用程序。 当我按照官方quickstart中的说明,安装在我的项目中创建了32,000个文件。 我认为这是一些错误或我错过了一些东西,所以我决定使用angular-cli,但在设置项目后,我计数41000文件。 我哪里做错了?我缺[详细]
-
angularjs – Angular:我应该使用这个还是$scope
所属栏目:[安全] 日期:2020-12-17 热度:194
有两种模式用于访问控制器函数:“this”和“$ scope”。 我应该使用和什么时候?我理解“this”设置为控制器,“$ scope”是视图的作用域链中的一个对象。但是使用新的“Controller as Var”语法,你可以很容易地使用。所以我要问的是什么是最好的,什么是[详细]
-
AngularJS实际项目应用——单元测试框架设计
所属栏目:[安全] 日期:2020-12-17 热度:119
转自:http://www.cnblogs.com/vipyoumay/p/5331787.html 关于本文:介绍通过karma与jsmine框架对angular开发的应用程序进行单元与E2E测试。 angular单元测试与集成测试实践 先决条件 创建项目 webstorm中创建空白web项目 创建html、js文件夹 安装框架 安装[详细]
-
AngularJS实际项目应用——打包发布
所属栏目:[安全] 日期:2020-12-17 热度:198
这个过程说简单也简单,说麻烦也麻烦,如果想简单做,就用requirejs带的r.js进行压缩一下就行了,要想麻烦,需要在requirejs的压缩文件里配置需要合并压缩的模块。 例如下面这种: modules:[ { "name":"app","exclude":[ 'jquery','angular','angularAMD','a[详细]
-
Angular 应用中的状态管理
所属栏目:[安全] 日期:2020-12-17 热度:180
-
Angular.js数据绑定时自动转义html标签及内容
所属栏目:[安全] 日期:2020-12-17 热度:181
angularJS在进行数据绑定时默认是以字符串的形式数据,也就是对你数据中的html标签不进行转义照单全收,这样提高了安全性,防止html标签的注入攻击,但有时候需要,特别是从数据库读取带格式的文本时,无法正常的显示在页面中。 而要对html进行转义,则需要[详细]