-
AngularJS入门(9)-与DOM有关的指令
所属栏目:[安全] 日期:2020-12-17 热度:157
AngularJS 为 HTML DOM 元素的属性提供了绑定应用数据的指令。今天就为大家介绍一下AngularJS中一些与HTML DOM操作有关的指令。 ng-options 在 AngularJS 中我们可以使用 ng-option 指令来创建一个下拉列表,列表项通过对象和数组循环输出。示例代码如下: ![详细]
-
AngularJS入门(10)-Angular事件
所属栏目:[安全] 日期:2020-12-17 热度:156
这一篇博客为大家介绍一下AngularJS为我们提供的事件指令。 ngBlur !DOCTYPE html html head meta charset = "UTF-8" title / title script src = "angular.min.js" type = "text/javascript" / script script type = "text/javascript" angular.module( "My[详细]
-
AngularJS入门(10)-Angular服务总结
所属栏目:[安全] 日期:2020-12-17 热度:102
在之前介绍AngularJS的博客中,简单的介绍了AngularJS提供的常用服务,以及如何自定义服务,具体可参见《AngularJS 服务(Service)》。在这一篇博客中,我将为大家详细介绍如何自定义服务,以及各种方式之间的区别。 value(name,object) value(name,object)[详细]
-
Angular2开发基础之TSC编译
所属栏目:[安全] 日期:2020-12-17 热度:96
本文首发简书 http://www.jianshu.com/p/b12ccfdfb0c1,欢迎转载,但请注明转载链接,谢谢! 蓝图 从接触ng2开始就有个想法, 要把学到的东西快速实践,做个有逼格项目。直到看到 破狼博客中 提到的 rebirth, 一个基于ng2的前端项目, 就开始躁动了,想捣鼓[详细]
-
Angular2开发基础之Webpack
所属栏目:[安全] 日期:2020-12-17 热度:170
本文首发简书http://www.jianshu.com/p/4b4264f045b7,欢迎转载,但请注明转载链接,谢谢! 目标 上篇文章Angular2开发基础之TSC编译 解决如何使用TSC来编译ng2项目,以及如何解决出现的error。这些点是新手容易忽视的内容, 要熟悉ng开发的工具链,还是需要[详细]
-
angular.js 路由及页面传参
所属栏目:[安全] 日期:2020-12-17 热度:106
页面传参数方法:1、$rootScope。2、(url)/user/:name/:age。 页面转换方法:1、href="#/"。2、$state.go。3、$location.path。4、ui-sref (1)自带路由ngRoute html head meta charset="utf-8" titleAngularJS 路由实例/title /head body ng-app='routin[详细]
-
angular.js 嵌套路由
所属栏目:[安全] 日期:2020-12-17 热度:61
介绍 AngularJS 嵌套路由:,来看看嵌套的ui-router状态是怎么回事. ui-router和同属 AngularJS框架一部分的 ng-route一样强大. ui-router提供了让我们可以做路由嵌套和视图命名的特性. 我们将在示例中看到ui-router中存在的所有类型. 背景 引述我之前那篇文[详细]
-
angular 自定义服务
所属栏目:[安全] 日期:2020-12-17 热度:190
AngularJS支持使用服务的体系结构“关注点分离”的概念。服务是JavaScript函数,并负责只做一个特定的任务。这也使得他们即维护和测试的单独实体。控制器,过滤器可以调用它们作为需求的基[详细]
-
angularjs的collection-repeat用法
所属栏目:[安全] 日期:2020-12-17 热度:150
http://ionicframework.com/docs/api/directive/collectionRepeat/ 首先摘录原文: collection-repeat See the Pen byIonic(@ionic) onCodePen. collection-repeat allows an app to show huge lists of items much more performantly than ng-repeat . It r[详细]
-
angular上传图片插件
所属栏目:[安全] 日期:2020-12-17 热度:200
1.安装插件 ### Bower```bower install angular-file-upload ### NPM```npm install angular-file-upload 2.插件使用 (1)html文件 div class="ibox-content" ng-controller="uploadController" div class="row m-t imageFile" form class="form-horizontal[详细]
-
ionic2+angular2中踩的那些坑
所属栏目:[安全] 日期:2020-12-17 热度:54
好久没写什么东西了,最近在做一个ionic2的小东西,遇到了不少问题,也记录一下,避免后来的同学走弯路。 之前写过一篇使用VS2015开发ionic1的文章,但自己还没摸清门道,本来也是感兴趣就学习了一下。后来看到TypeScript,觉得这个真不错,强类型,有点类似[详细]
-
Angular2 中的依赖包详解
所属栏目:[安全] 日期:2020-12-17 热度:95
Angular 应用程序以及 Angular 本身都依赖于很多第三方包 ( 包括 Angular 自己 ) 提供的特性和功能。 这些包由 Node 包管理器 ( npm ) 负责安装和维护。 Angular2开发时依赖的包在package.json文件中都有定义。 { "dependencies": { "@angular/common": "~2.[详细]
-
Angular2 开发者的 TypeScript 配置
所属栏目:[安全] 日期:2020-12-17 热度:152
TypeScript 是 Angular 应用开发中使用的主语言。 它是 JavaScript 的“方言”之一,为类型安全和工具化而做了设计期支持。 浏览器不能直接执行 TypeScript 。它得先用 tsc 编译器转译 (transpile) 成 JavaScript ,而且编译器需要进行一些配置。 本页面会覆[详细]
-
angularJS form表单验证
所属栏目:[安全] 日期:2020-12-17 热度:158
本文示例用angularJS对form表单做输入验证,当所有值都输入正确时,则注册按钮可用。 页面: html: !DOCTYPE htmlhtml lang="en"head meta charset="UTF-8" titleTitle/title link rel="stylesheet" href="../../vendor/bootstrap3/css/bootstrap.css" scrip[详细]
-
AngularJs 弹出框 model(模态框)
所属栏目:[安全] 日期:2020-12-17 热度:121
$modal 是一个可以迅速创建模态窗口的服务,创建部分页,控制器,并关联他们 $modal 仅有一个方法 open(options) templateUrl :模态窗口的地址 template:用于显示html标签 scope :一个作用域为模态的内容使用(事实上, $modal会创建一个当前作用域的子作[详细]
-
Which should I learn: Mithril, Vue, or Angular?
所属栏目:[安全] 日期:2020-12-17 热度:68
Disclaimer: I am the author of Vue.js. It kind of annoys me that many answers jump right into the technical comparisons or "Go with framework X" verdicts without even asking what the OP is trying to achieve. So let's ask that question firs[详细]
-
angularjs利用ui-route异步加载组件
所属栏目:[安全] 日期:2020-12-17 热度:190
ui-route相比于angularjs的原生视图路由更好地支持了路由嵌套,状态转移等等。随着视图不断增加,打包的js体积也会越来越大,比如我在应用里面用到了wangeditor里面单独依赖的jquery就300多k。异步加载各个组件就很有必要。在这里我就以ui-route为框架来进行[详细]
-
AngularJS中使用ui-router重新加载当前路由页面
所属栏目:[安全] 日期:2020-12-17 热度:125
想象这样一个场景,我们通过菜单导航进入一个操作页面,当在页面中已经录入或选择了一些信息,发现根本不是想要的,希望能够使页面快速恢复的初始状态,这时候一个比较理想的选择是再次点击下菜单栏里的对应项。 如果你的菜单是使用这种方式,那么点击当前的[详细]
-
AngularJS系列之JavaScript闭包
所属栏目:[安全] 日期:2020-12-17 热度:141
转载请注明来源:http://blog.csdn.net/caoshiying?viewmode=contents。 这篇文章针对的是有2年以上编程经验的朋友们参考的,作参考资料之用,不从基础讲起。 1.1.1. 函数字面量 函数字面量包括四个部分,第一部分是关键字,第二部分是函数名,把函数赋值给[详细]
-
AngularJS系列之JavaScript继承
所属栏目:[安全] 日期:2020-12-17 热度:170
转载请注明来源:http://blog.csdn.net/caoshiying?viewmode=contents。这篇文章针对的是有2年以上编程经验的朋友们参考的,作参考资料之用,不从基础讲起。 所有开发者定义的类都可作为基类。本地类和宿主类不能作为基类。创建的子类将继承超类的所有属性和[详细]
-
Dart最新消息:Angular 2 Dart及Flutter发布
所属栏目:[安全] 日期:2020-12-17 热度:159
-
AngularJS之ng-disabled指令
所属栏目:[安全] 日期:2020-12-17 热度:122
1、问题背景 AngularJS中的ng-disabled指令绑定DOM,可以禁用HTML元素 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"titleAngularJS之ng-disabled指令/titlescript src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"/scri[详细]
-
AngularJS之ng-show指令
所属栏目:[安全] 日期:2020-12-17 热度:51
1、问题背景 AngularJS的ng-show指令,当值为true,HTML元素显示;当值为false,HTML元素隐藏 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"titleAngularJS之ng-show指令/titlescript src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/an[详细]
-
AngularJS之ng-hide指令
所属栏目:[安全] 日期:2020-12-17 热度:134
1、问题背景 AngularJS的ng-hide指令,当其值为true,隐藏HTML元素;当值为false,显示HTML元素 2、实现源码 !DOCTYPE htmlhtmlheadmeta charset="UTF-8"titleAngularJS之ng-hide指令/titlescript src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/[详细]
-
AngularJS修改model值时,显示内容不变
所属栏目:[安全] 日期:2020-12-17 热度:91
一段很简单的AngularJs代码: !DOCTYPE htmlhtmlheadmeta charset="utf-8"script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"/script /headbody ng-app=""input type="text" ng-model="name"br /span{{name}}/span/body/html[详细]