-
AngularJS 参考手册
所属栏目:[安全] 日期:2020-12-17 热度:126
-
Angular2.0搭建本地开发环境
所属栏目:[安全] 日期:2020-12-17 热度:155
下载Git上的《快速起步》种子在你的电脑上快速搭建一个新项目是很容易的。 确定你已经安装了 node 和 npm,然后: 新建项目目录(你可以暂时为其取名 quickstart ,以后再重命名)。 克隆或者下载 《快速起步》种子 到你的项目目录。(这个下载有时候特别坑爹[详细]
-
angular-cli创建angular2项目并添加ng2-bootstrap
所属栏目:[安全] 日期:2020-12-17 热度:69
1、首先全局安装angular-cli,并创建项目 npm install -g angular-cling new my-appcd my-app 2、安装ng2-bootstrap和bootstrap npm install ng2-bootstrap bootstrap --save 3、在主模块中导入,需要的模块(src/app/app.module.ts) import { AlertModule[详细]
-
angular2(ng2) md5加密(ts-md5)
所属栏目:[安全] 日期:2020-12-17 热度:143
1、下载安装ts-md5 npm install ts-md5 --save 2、 需要的组件中加载md5模块 import {Md5} from "ts-md5/dist/md5"; 3、 加密 constructor() { console.log(Md5.hashStr("123456"));} 这样就会打印出加密过的结果 (e10adc3949ba59abbe56e057f20f883e) 传递[详细]
-
angularjs ng-class
所属栏目:[安全] 日期:2020-12-17 热度:168
api https://docs.angularjs.org/api/ng/directive/ngClass http://docs.ngnice.com/api/ng/directive/ngClass 使用方式 The directive operates in three different ways,depending on which of three types the expression evaluates to: 1,If the expres[详细]
-
AngularJS ui-sref的简单使用
所属栏目:[安全] 日期:2020-12-17 热度:99
具体用法: a ui-sref="man"男人/a 这是一个非常简单的ui-sref的使用,当JavaScript重新生成网页时,它会查找$state中名为“man”的state,读取这个state的url,然后在a标签里生成href="url", 结果为:a ui-sref="man" href="#/man.html"男人/a 但如果,你在[详细]
-
angularjs input
所属栏目:[安全] 日期:2020-12-17 热度:60
input[checkbox] http://docs.ngnice.com/api/ng/input/input%5Bcheckbox%5D 复选框:ng-model为true,即为选中状态(选中后,ng-model置为true) ng-true-value:设置选中的值 ng-false-value:设置未选中的值 script function Ctrl ($scope) { $scope.valu[详细]
-
AngularJS中使用ngTable
所属栏目:[安全] 日期:2020-12-17 热度:124
在HTML中使用ngTable 可以方便的进行排序,筛选,分页,添加,编辑删除等操作,不用再从数据库里面进行分页等操作 需要引用的文件 angular.js ng-table.js ng-table.css bootrasp.css 注入依赖 为ng-table 设置属性和数据 var app = angular.module( 'app' ,[详细]
-
angular2中使用ng2-charts (angular-cli创建项目)
所属栏目:[安全] 日期:2020-12-17 热度:78
1、 安装 ng2-charts npm install ng2-charts --save 2、 还必须引入 chart.js npm install chart.js --save 3、 主模块中引入 import { ChartsModule } from 'ng2-charts/ng2-charts';imports: [ ChartsModule] 4、 如果使用angular-cli那么如下配置 angula[详细]
-
AngularJS下拉选择框(select)
所属栏目:[安全] 日期:2020-12-17 热度:124
AngularJS Select(选择框) AngularJS 可以使用数组或对象创建一个下拉列表选项。 使用 ng-options 创建选择框 在 AngularJS 中我们可以使用 ng-option 指令来创建一个下拉列表,列表项通过对象和数组循环输出,如下实例: div ng-app="myApp" ng-controller="[详细]
-
在 angularjs 中集成 bootstrap typeahead
所属栏目:[安全] 日期:2020-12-17 热度:93
http://www.cnblogs.com/haogj/p/3590847.html[详细]
-
AngularJS中ng-class使用方法
所属栏目:[安全] 日期:2020-12-17 热度:61
有三种方法: 1、通过$scope绑定(不推荐) 2、通过对象数组绑定 3、通过key/value键值对绑定 实现方法: 1、通过$scope绑定(不推荐): [javascript] view plain copy function ctrl($scope){ $scope.className= "selected" ; } [html] copy div class = "[详细]
-
angular2 http 请求
所属栏目:[安全] 日期:2020-12-17 热度:76
export class MsgTestComponent implements OnInit { data: any; constructor(private http: Http) {} ngOnInit() { } postTest() {//参数传递,放到body里 var reqJson = {name: "1234",upstream_url: "http://192.168.1.45:33890",request_host: "1234.com[详细]
-
解决ng-show闪现问题
所属栏目:[安全] 日期:2020-12-17 热度:176
用途 ng-hide/ng-show属性用来控制页面内元素的显示或隐藏。 ng-hide条件为true时,隐藏所在元素;false,则显示所在元素。 ng-show正好相反。true时,显示所在元素;false,则隐藏所在元素。 用法 !-- when $scope.myValue is truthy (element is visible)[详细]
-
简洁AngularJS框架后台管理系统bootstrap后台模板
所属栏目:[安全] 日期:2020-12-17 热度:55
最近在做一个后台管理的项目,但是没有设计图完全,所以就发现一款非常不错的模版。 这个模版是基于 AngularJS 和 bootstrap 的后台管理系统模版。 Minovate是 AngularJS 高级管理系统模板。它建造在流行的Twitter Bootstrapv3框架上。Minovate完全基于HTML5[详细]
-
AngularJS数组操作
所属栏目:[安全] 日期:2020-12-17 热度:82
1:ng-click,ng-model,ng-bind,ng-class,ng-hide,ng-app 2:placeholder, 3:{}中加入代码“:true|false”,使用逗号隔开,可以控制包括样式,显示与隐藏等功能,} 1、数组的创建 vararrayObj=newArray();//创建一个数组 vararrayObj=newArray([size]);//创建一[详细]
-
AngularJS指令进阶 – ngModelController详解
所属栏目:[安全] 日期:2020-12-17 热度:126
AngularJS指令进阶 – ngModelController详解 在自定义Angular指令时,其中有一个叫做require的字段,这个字段的作用是用于指令之间的相互交流。举个简单的例子,假如我们现在需要编写两个指令,在linking函数中有很多重合的方法,为了避免重复自己(著名的D[详细]
-
AngularJS对IE8的兼容
所属栏目:[安全] 日期:2020-12-17 热度:173
对于前端而言,现在很多框架组件都不再支持IE8,然而拗不过需求,却总有很多时候必须要支持IE8。AngularJS作为一个比较好用的前端MVC框架,能有效地提高我们的开发效率。然而随着版本的更新,AngularJS不再支持IE8,这时候就有人开始捣鼓IE8兼容了,比如这个[详细]
-
在angular的自定义回调中操作$scope
所属栏目:[安全] 日期:2020-12-17 热度:134
http://www.cnblogs.com/leftice/p/3820306.html 在angular的controller中有时候会使用到自定义的回调, 比如异步请求的回调函数 一般返回之后都需要更新页面的数据,即更新$scope.xx 但是如果直接 $scope.xx = data.info 这样根本不会有任何的影响 解决方案[详细]
-
Angular:在表达式中与作用域交互
所属栏目:[安全] 日期:2020-12-17 热度:72
新建expression_scope.html页面 !DOCTYPE htmlhtml lang="en" ng-app="myApp"head meta charset="UTF-8" titleAngularJs Expressions/title style a{color:blue; text-decoration: underline;cursor:pointer} /style/headbodydiv ng-controller="myControlle[详细]
-
打造AngularJs2.0开发环境
所属栏目:[安全] 日期:2020-12-17 热度:140
npm是一个很好用的工具,全场是Node Packet Manager,是一个nodejs的包管理工具,但是美中不足的是当我们去安转包的时候却发现下载的速度太慢,但是没关系,还是有方法的就是利用淘宝的国内镜像,一下是3个设置的方法: 镜像使用方法(三种办法任意一种都能[详细]
-
AngularJS1.6版本中ui-router路由中/#!/的解决方法
所属栏目:[安全] 日期:2020-12-17 热度:113
本地编译出的文件可以正常运行,但是服务器编译后到了测试那里路由上就莫名的出现了 /#!/ ,这导致了很多问题。 后来查了下是服务器编译器把AngularJS升级到了1.6版本,而我本地的依旧是1.5。 但是1.6究竟做了哪些改变呢? 可以参考这个:https://github.com[详细]
-
Angular企业级开发(1)-AngularJS简介
所属栏目:[安全] 日期:2020-12-17 热度:62
AngularJS介绍 AngularJS是一个功能完善的JavaScript前端框架,同时是基于MVC(Model-View-Controller理念的框架,使用它能够高效的开发桌面web app和移动端应用。AngularJS由Google公司开发而且开源出来,给所有开发者使用。前端基于Bootstrap+AngularJS框架[详细]
-
简介AngularJS中使用factory和service的方法
所属栏目:[安全] 日期:2020-12-17 热度:74
AngularJS支持使用服务的体系结构“关注点分离”的概念。服务是JavaScript函数,并负责只做一个特定的任务。这也使得他们即维护和测试的单独实体。控制器,过滤器可以调用它们作为需求的基[详细]
-
AngularJS 2调用.net core WebAPI的几个坑
所属栏目:[安全] 日期:2020-12-17 热度:176