-
angularjs中如何实现控制器和指令之间交互
所属栏目：[安全] 日期：2020-12-17 热度：174
如果我们具有下面的DOM结构： div ng-controller="MyCtrl" loader滑动加载/loader/div 同时我们的控制器具有如下的签名： var myModule = angular.module("MyModule",[]);//首先定义一个模块并在模块下挂载控制器，第二个参数为一个数组，其中函数前面的参数[详细]
-
AngularJS（五）——指令
所属栏目：[安全] 日期：2020-12-17 热度：105
一、自定义指令： zhiling.html span style="font-size:18px;"!doctype htmlhtml ng-app="myApp"headscript src="js/angular-1.3.0.js"/scriptscript src="zhiling.js"/script/headmy-directive/my-directive/span zhiling.js span style="font-size:18px;"a[详细]
-
AngularJs学习笔记--Scope
所属栏目：[安全] 日期：2020-12-17 热度：123
一、什么是Scope？ scope[http://code.angularjs.org/1.0.2/docs/api/ng. r o o t S c o p e . S c o p e ] 是 一 个 指 向 应 用 m o d e l 的 o b j e c t 。 它 也 是 e x p r e s s i o n （ h t t p : / / w w w . c n b l o g s . c o m / l c l l a o[详细]
-
Angularjs 开发指南 自定义指令（custom directives）
所属栏目：[安全] 日期：2020-12-17 热度：143
使用Angularjs开发，很重要的一步是需要开发自定义的指令（custom directives）。 接下来分几个步骤记录如何开发一个自定义的指令。 目录： 指令是什么？ 写一个基本的指令 指令的属性说明 指令是什么 Angularjs中的指令，我个人的简单的理解：指令=控件 指[详细]
-
AngularJS中使用百度地图
所属栏目：[安全] 日期：2020-12-17 热度：112
前言 AngularJS作为一个成功的框架，营造出了完备的生态系统。尤其Directive，对于组件化起了非常大的作用。很多时候，如我这般懒人，网上搜一搜，就找到一个合用的 Directive ，省了自己诸多麻烦。今天就简单介绍一下我的一个懒人组件 － 百度地图。 源码地[详细]
-
angularJs中的form指令的使用
所属栏目：[安全] 日期：2020-12-17 热度：155
首先我们来看看页面结构： html ng-app='TestFormModule'headmeta http-equiv="content-type" content="text/html; charset=utf-8" /script src="framework/angular-1.3.0.14/angular.js"/scriptscript src="FormBasic.js"/script/headbodyform name="myForm[详细]
-
angularjs中ngModelController学习
所属栏目：[安全] 日期：2020-12-17 热度：64
我们首先看看ngModelController内部的签名是怎么样的? 我们首先看看下面的例子1： !doctype htmlhtml ng-app="form-example2"headlink href="../bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen"script src="framework/angular-1.3.0.14/a[详细]
-
30行代码让你理解angular依赖注入：angular 依赖注入原理
所属栏目：[安全] 日期：2020-12-17 热度：101
http://www.cnblogs.com/etoah/p/5460441.html 依赖注入（Dependency Injection，简称DI）是像C#,java等典型的面向对象语言框架设计原则控制反转的一种典型的一种实现方式，angular把它引入到js中，介绍angular依赖注入的使用方式的文章很多， angular官方的[详细]
-
angularjs中工具方法的学习和使用
所属栏目：[安全] 日期：2020-12-17 热度：80
我们先学习一下ng一些内置的工具方法： angular.equals: (1)两个参数满足===比较返回true;(2)两个参数是同一种类型，同时他们的每一个属性通过angular.equals都是返回true；(3)两个都是NAN(在js中虽然NAN==NAN为false，但是这里为true);(4)两个对象代表同一[详细]
-
Angularjs学习笔记－－ui-Router
所属栏目：[安全] 日期：2020-12-17 热度：59
Angularjsui-router - 组件： $state / $stateProvider ：管理状态定义、当前状态和状态转换。包含触发状态转换的事件和回调函数，异步解决目标状态的任何依赖项，更新 $location 到当前状态。由于状态包含关联的 url，通过$urlRouterProvider生成一个路由规[详细]
-
angularjs中ui-sref传值步骤
所属栏目：[安全] 日期：2020-12-17 热度：64
1.ui-sref="#state-id({name1: value1,name2: value2})" 2.route设置state添加params: {time: ':time',name: ':name'},3.controller接收：注入$stateParams，$scope.name1 = $stateParams.name1;[详细]
-
两个很好的angular调试工具-——batarang(stable)和ng-inspector
所属栏目：[安全] 日期：2020-12-17 热度：181
下面是batarang，选旧版本的安装，新版本没人维护，可以看scope层级关系，还有每个ng表达式的性能等等，支持划范围看scope 右边是ng-insepector，方便直观看scope[详细]
-
angularjs中使用ng-repeat渲染最后一个li的时候设置不同样式
所属栏目：[安全] 日期：2020-12-17 热度：125
如题所示，比如我要在下面的代码的最后一个li节点添加一个样式 li ng-repeat="one in many" {{one.name}}/li 那么我就可以这样加 li ng-repeat="one in many" ng-class="{'item-last':$last}" {{one.name}}/li 还有一种方法就是使用js计算的方法 li ng-repea[详细]
-
angular---常用指令总结
所属栏目：[安全] 日期：2020-12-17 热度：172
布尔属性指令： ng-disabled 可以把 disabled 属性绑定到以下表单输入字段上： input ， textarea,select,button button ng-model="button"ng-disabled="!someProperty"Abutton/button 当 !someProperty=true 时， button 就被禁用 ng-readonly,Ng-selected[详细]
-
Angularjs的理解和认识
所属栏目：[安全] 日期：2020-12-17 热度：157
1.AngularJS的双向数据绑定 /tpl下的html文件属于是模板 每个模板都会对应一个controller.js文件 页面通过ng-controller=”controllerName”来绑定controller 通过config.router.js中的 .state( 'app.dashboard-v1' ,{ url: '/dashboard-v1' ,templateUrl: '[详细]
-
SegmentFault D-Day 2016「天津站: 前端场」~ vue干货
所属栏目：[安全] 日期：2020-12-17 热度：63
Vue.js开发企业级 Webapp 干货 项目背景 前后端分离 后端渲染静态页面跳转的方式“慢” 多端使用，可移植性 提高开发体验，快速开发（缺人[详细]
-
xshow-1. 项目简介
所属栏目：[安全] 日期：2020-12-17 热度：160
xShow-项目规划 xShow是什么 xShow是一个基于angularjs的构建工具，可以通过简单的界面操作就可以构建出一个完成的网站 项目里程碑 2016-05 ~ 2016-12 发布第一个版本 项目路径 https://github.com/luciferliu/xShow 有哪些特点 支持拖曳的方式构建页面，如b[详细]
-
AngularJS（六）——过滤器
所属栏目：[安全] 日期：2020-12-17 热度：191
过滤器用来格式化需要展示给用户的数据。AngularJS有很多实用的内置过滤器，同时也提 供了方便的途径可以自己创建过滤器。 在HTML中的模板绑定符号 {{ }} 内通过 | 符号来调用过滤器。 将字符串 转换成大写： {{ name | uppercase }} 内置过滤器： 1. curren[详细]
-
SegmentFault D-Day 2016「天津站: 前端场」~ angularjs干货满满
所属栏目：[安全] 日期：2020-12-17 热度：55
企业级AngularJS 应用架构 开发经验漫谈 干货 AngularJS作为前端框架的优缺点 优点 "富二代",我爸是Google "强家族",我哥是Chrome 先进生产力 双向数据绑定 用户体验 非常完善的"生态系统" 良好的架构编码规范 相对更成熟的技术社区 缺点 SEO问题 学习成本略[详细]
-
angularJS友好URL实现
所属栏目：[安全] 日期：2020-12-17 热度：180
AngularJS框架定义了自己的前端路由控制器，通过不同URL实现单面(ng-app)对视图(ng-view)的部署刷新，并支持HTML5的历史记录功能。对于默认的情况，是不启动HTML5模式的，URL中会包括一个#号，用来区别是AngularJS管理的路径还是WebServer管理的路径。 比如[详细]
-
angularJS学习小结——filter
所属栏目：[安全] 日期：2020-12-17 热度：116
引言 filter过滤器对于我们来说并不陌生，他和我们现实生活中的过滤器的意思差不多，它的作用就是接收一个输 入的值，然后按照某个规则进行处理然后输出最后的结果，例如我们输入一个数字，然后我们需要得到货币形式的数 据，这样我们就可以利用过滤器来实现[详细]
-
AngularJS系列——目录结构
所属栏目：[安全] 日期：2020-12-17 热度：85
引言 最近在忙一个APP项目，话说，工欲善其事必先利其器，所以先把AngularJs这个工具学好，是我们必须要干的事呀！ 今天我先来给大家介绍一下简单的知识——整个项目的目录结构，后续接着分享！ 目录结构 当我们创建一个项目的时候，目录结构是这样的： 工作[详细]
-
AngularJS（2）——AngularJS数据双向绑定
所属栏目：[安全] 日期：2020-12-17 热度：151
双向绑定 AngularJS在$scope变量中使用脏值检测来实现了数据双向绑定。 Scope作用： 1. 通过数据共享连接Controller和View 2. 事件的监听和响应 3. 脏值检测和数据绑定 双向数据绑定最经常的应用场景就是表单了，这样当用户在前端页面完成输入后，不用任何操[详细]
-
《AngularJS》——scope的绑定策略
所属栏目：[安全] 日期：2020-12-17 热度：88
scope这个对象在Angular中非常重要，可以说要想学好AngularJS，熟练使用Scope时基本功，下面介绍一下Scope的几种绑定策略。 1、@：把当前的属性作为字符串传递。你还可以绑定来自外层的scope的值，在属性值中插入{{}}即可。下面是代码。 !DOCTYPE htmlhtml n[详细]
-
AngularJS系列——ui-router
所属栏目：[安全] 日期：2020-12-17 热度：141
引言 上篇博客讲了使用AngularJs开发一个App项目的目录结构，这次我们来深入讲解一下AngularJs的路由机制。 来源 首先，我们先要知道为什么要使用路由机制。 我们都知道传统的URL是：http://…….com。浏览器会向这个地址发送服务器请求来获取相关的html和js[详细]
