-
AngularJs 与Jquery的对比分析,超详细!
所属栏目:[安全] 日期:2020-12-17 热度:98
闲来无事,在网上发现了一篇对比AngularJs和Jquery的文章.恰好最近自己也在研究AngularJs.特此收藏.需要的朋友可以参考. 原问题:假如我熟悉利用jQuery去开发客户端应用,那么我怎么上手angularjs,能否描述下所需要的模式转变,下面这些问题能够帮助你给出一[详细]
-
AngularJS精妙绝伦的控制器
所属栏目:[安全] 日期:2020-12-17 热度:188
为什么使用控制器? 控制器就像领域模型和视图的纽带,它从模型中暴露数据给视图,它给视图提供数据与服务,并且定义了所需的业务逻辑,从而将用户行为转换为模型上的变化。 一.理解基本原理 控制器是通过NG的Module.controller来创建的,它接受一个控制器名[详细]
-
Angular+Electron+VSCode的桌面应用开发入门笔记(1)
所属栏目:[安全] 日期:2020-12-17 热度:99
第一部分 Electron开发入门笔记 GitHub 的 Electron 框架(以前叫做 Atom Shell)允许你使用 HTML,CSS 和 JavaScript 编写跨平台的桌面应用。它是 io.js 运行时的衍生,专注于桌面应用而不是 web 服务端。Electron 丰富的原生 API 使我们能够在页面中直接使[详细]
-
ng2自定义指令 directive
所属栏目:[安全] 日期:2020-12-17 热度:140
1、自定义指令 /* * Directive: 指令模块 * ElementRef: 获取节点 * Input: 获取输入内容 * Renderer: 渲染新节点 * HostListener: 这是监听事件的,绑定时间 * * 注意: * 1. 指令的名称要使用中括号括起来 * 2. html中使用的时候,不需要中括号 * 3. 构造模板[详细]
-
angular2中的管道(Pipe)
所属栏目:[安全] 日期:2020-12-17 热度:145
1、定义管道(number.pipe.ts) // 导入模块import {Pipe,PipeTransform} from "@angular/core";// 管道名称@Pipe({name: "numberPipe"})export class NumberPipe implements PipeTransform { // 参数说明: // value是在使用管道的时候,获取的所在对象的值 //[详细]
-
angularjs1
所属栏目:[安全] 日期:2020-12-17 热度:51
html结构 !DOCTYPE html html head meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" title/title link rel="stylesheet" href="" /head body div ng-app="" p名字:input type="text" ng-model="name" //p h1Hello {{name}}/h1 /d[详细]
-
ng-init 指令初始化 AngularJS 应用程序变量
所属栏目:[安全] 日期:2020-12-17 热度:189
!DOCTYPE html html head meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" title/title link rel="stylesheet" href="" /head body div ng-app="" ng-init="firstName='sdiven'" p姓名为:span ng-bind="firstName"/span/p /div /[详细]
-
ng-init 指令初始化 AngularJS 应用程序变量并支持html5
所属栏目:[安全] 日期:2020-12-17 热度:63
!DOCTYPE html html head meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" title/title link rel="stylesheet" href="" /head body div data-ng-app="" data-ng-init="firstName='sdiven'" p姓名为:span data-ng-bind="firstName[详细]
-
AngularJS 表达式
所属栏目:[安全] 日期:2020-12-17 热度:103
!DOCTYPE html html head meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" title/title link rel="stylesheet" href="" /head body div ng-app="" p我的第一个表达式:{{5+5}}/p p我的第一个表达式:{{5-5}}/p p我的第一个表达式:{[详细]
-
AngularJS 数字
所属栏目:[安全] 日期:2020-12-17 热度:99
!DOCTYPE html html head meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" title/title link rel="stylesheet" href="" /head body div ng-app="" ng-init="quantity=1;cost=5" p总价:{{quantity + cost}}/p p总价:{{quantity -[详细]
-
AngularJS 数字-ng-bind
所属栏目:[安全] 日期:2020-12-17 热度:197
!DOCTYPE html html head meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" title/title link rel="stylesheet" href="" /head body div ng-app="" ng-init="quantity=2;cost=5" p总价:span ng-bind="quantity + cost"/span/p p总[详细]
-
AngularJS 字符串
所属栏目:[安全] 日期:2020-12-17 热度:166
!DOCTYPE html html head meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" title/title link rel="stylesheet" href="" /head body div ng-app="" ng-init="firstName='john';lastName='Doe'" p姓名:{{firstName + " " + lastNam[详细]
-
AngularJS 字符串-ng-bind
所属栏目:[安全] 日期:2020-12-17 热度:85
!DOCTYPE html html head meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" title/title link rel="stylesheet" href="" /head body div ng-app="" ng-init="firstName='John';lastName='Doe'" p姓名:{{firstName + " " + lastNam[详细]
-
AngularJS 对象
所属栏目:[安全] 日期:2020-12-17 热度:77
!DOCTYPE html html head meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" title/title link rel="stylesheet" href="" /head body div ng-app="" ng-init="person={firstName:'xiao',lastName:'ming'}" p姓名:{{person.firstNam[详细]
-
AngularJS 对象-ng-bind
所属栏目:[安全] 日期:2020-12-17 热度:156
!DOCTYPE html html head meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" title/title link rel="stylesheet" href="" /head body div ng-app="" ng-init="person={firstName:'xiao',lastName:'ming'}" p姓:span ng-bind="perso[详细]
-
AngularJS 数组
所属栏目:[安全] 日期:2020-12-17 热度:139
!DOCTYPE html html head meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" title/title link rel="stylesheet" href="" /head body div ng-app="" ng-init="points=[1,15,19,2,40,88]" p第二个值是:{{points[1]}}/p /div /body s[详细]
-
AngularJS 数组-ng-bind
所属栏目:[安全] 日期:2020-12-17 热度:143
!DOCTYPE html html head meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" title/title link rel="stylesheet" href="" /head body div ng-app="" ng-init="points=[1,15,19,2,40,88]" p第三个值是:span ng-bind="points[2]"/spa[详细]
-
AngularJS 指令
所属栏目:[安全] 日期:2020-12-17 热度:84
!DOCTYPE html html head meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" title/title link rel="stylesheet" href="" /head body div ng-app="" ng-init="firstName='John'" p在输入框中尝试输入/p p姓名:input type="text" ng[详细]
-
angularjs控制器方法
所属栏目:[安全] 日期:2020-12-17 热度:80
!DOCTYPE html html head meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" title/title link rel="stylesheet" href="" /head body div ng-app="myApp" ng-controller="myCtrl" 名:input type="text" ng-model="firstName"br/ 姓[详细]
-
angularjs外部文件中的控制器使用
所属栏目:[安全] 日期:2020-12-17 热度:65
html结构 !DOCTYPE html html head meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" title/title link rel="stylesheet" href="" /head body div ng-app="myApp" ng-controller="myCtrl" ul li ng-repeat="x in names" {{x.name[详细]
-
angularjs表达式中添加过滤器-uppercase
所属栏目:[安全] 日期:2020-12-17 热度:63
html结构 !DOCTYPE html html head meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" title/title link rel="stylesheet" href="" /head body div ng-app="myApp" ng-controller="personCtrl" p姓名为{{lastName | uppercase}}/p[详细]
-
angularjs表达式中添加过滤器-lowercase
所属栏目:[安全] 日期:2020-12-17 热度:59
html结构 !DOCTYPE html html head meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" title/title link rel="stylesheet" href="" /head body div ng-app="myApp" ng-controller="personCtrl" p姓名为{{lastName | lowercase}}/p[详细]
-
AngularJS Component详解
所属栏目:[安全] 日期:2020-12-17 热度:112
现在比较火的前段JS框架像 VUE,REACK,ANGULAR,这三种框架都有共同的特点那就是,双向数据绑定,组件化开发。而在angular1.5的版本之前,都是以directive作为组件化的形式,而directive本身是一个指令,而并非是一个组件,所以它并不能很好的承担组件这一个[详细]
-
angularjs-currency 过滤器
所属栏目:[安全] 日期:2020-12-17 热度:175
!DOCTYPE html html head meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" title/title link rel="stylesheet" href="" /head body div ng-app="myApp" ng-controller="costCtrl" input type="number" ng-model="quantity" input[详细]
-
angularjs-向指令添加过滤器
所属栏目:[安全] 日期:2020-12-17 热度:69
!DOCTYPE html html head meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" title/title link rel="stylesheet" href="" /head body div ng-app="myApp" ng-controller="namesCtrl" ul li ng-repeat="x in names | orderBy:'count[详细]