-
AngularJS+ThinkPHP实例教程
所属栏目:[安全] 日期:2020-12-17 热度:168
友情提醒:内容有点多 总体思路 thinkphp通过RESTful方式提供数据给angular,前端(包括模板页面)全部由angular来接管。 示例 实现一个用户管理模块,走通增删改查4个操作,通过该示例,演示如何在thinkphp中使用angularjs。 一. 准备工作 1. 加载所需的js[详细]
-
通过终端调试 AngularJS 应用
所属栏目:[安全] 日期:2020-12-17 热度:117
当我们构建AngularJS应用时,通过浏览器(如Chrome,Firefox和IE)的JavaScript控制台访问应用中隐藏的数据和服务总会有些困难。下面是一些简单的技巧可以帮助我们通过Javascript控制台来查看或者控制正在运行的Angular应用,使得应用可以比较容易进行测试,[详细]
-
angularjs 分页指令编写
所属栏目:[安全] 日期:2020-12-17 热度:109
分页效果: 分页说明 分页使用的样式基于bootstrap样式。 分页模板 div class="btn-group-sm pull-right"button type="button" class="btn btn-default btn-sm" ng-disabled="options.pageNumber==1 || options.pageTotal==0" ng-click="pageChanged('fristP[详细]
-
Begin_With_AngularJS(1)基础:ng-app,ng-controller,代码分
所属栏目:[安全] 日期:2020-12-17 热度:195
前注: 又开始挖新坑了,原生JS我想了想,先放放,等AngularJS上手了才回头继续搞。 很纠结什么水平的前端是能拿10k的前端,也不知道自己差多少。 工资好低活不下去啦~~~~~~~~~~~~~~ 参考书籍是:《AngularJS权威教程(中文版)》 AngularJS的版本是v1.5+ (一[详细]
-
[AngularJS面面观] 19. 依赖注入 --- Provider是个啥
所属栏目:[安全] 日期:2020-12-17 热度:127
在前面介绍angular中依赖注入相关的概念和细节时,非常多次提到了 provider 这个概念,每次提到都会让大家再等等,再等等。现在再也等不了啦,从本篇文章开始就会陆续介绍 provider 和一些基于 provider 的高层方法,比如 service , factory 等等。 provide[详细]
-
[AngularJS面面观] 20. 依赖注入 --- instance注入器以及provide
所属栏目:[安全] 日期:2020-12-17 热度:54
本文就来解答上一篇文章留下的疑问,为什么在注入器也分成了 instance 注入器和 provider 注入器。这两种注入器的工作原理是怎么样的。 总体结构 为此我特别准备了一张图来描述一下angular注入器的工作流程和原理,如下所示。 这张图的顶部是外部调用的入口[详细]
-
创建你自己的AngularJS -- 第一部分 Scopes(一)
所属栏目:[安全] 日期:2020-12-17 热度:119
我们将从实现AngularJS的一个核心模块 – Scopes – 开始。Scopes被用在许多不同的方面。 在控制器和视图之间分享数据 在应用的不同部分之间分享数据 广播并监听事件 监视数据的变化 在上面列出的这几项中,最后一项毫无疑问是最有意思的一项。AngularJS sco[详细]
-
angularjs的三种注入方式写法
所属栏目:[安全] 日期:2020-12-17 热度:166
1、推断型注入:函数参数的名称必须要和被注入的对象相同 var myModule = angular.module("MyModule",[]);var MyCtrl = function($scope) { $scope.gameName = "大漠吃豆子";}myModule.controller("MyCtrl",MyCtrl); 2、声明式注入,编写较为繁杂 var myModu[详细]
-
AngularJS指令中compile与link的区别
所属栏目:[安全] 日期:2020-12-17 热度:157
1、compile函数的作用是对指令的模板进行转换 2、link的作用是在模型和视图之间建立关联,包括在元素上注册时间监听 3、scope在链接阶段才会绑定到元素上,因此compile阶段操作scope会报错 4、对于同一个指令的多个实例,compile只会执行一次,而link对于指[详细]
-
Angularjs使用link为元素绑定响应事件
所属栏目:[安全] 日期:2020-12-17 热度:181
1、HTML源码 !doctype htmlhtml ng-app="MyModule"headmeta charset="utf-8"/headbodyhello/hello/bodyscript src="../framework/angular-1.3.0.14/angular.js"/scriptscript src="HelloAngularLink.js"/script/html 2、angularjs源码 var myModule = angula[详细]
-
理解Angular的作用域(译)
所属栏目:[安全] 日期:2020-12-17 热度:169
原文链接:Understanding Scopes 在AngularJS中,子作用域通常会原型继承于父作用域。这种情况的唯一例外是当一个指令设置了 scope:{ ... } -- 这会创建一个孤立的作用域,该作用域不会进行原型继承。这种设置通常用于创建可复用组件。在指令中,默认情况下[详细]
-
Angular ng 学习
所属栏目:[安全] 日期:2020-12-17 热度:96
ng-app ng-control ng-model ng-click 等等 ============== var app = angular.module('app',[]); app.controller('MainCtrl',function($scope) { $scope.greet = function() { $scope.message = "Hello," + $scope.user.name; } }); body ng-[详细]
-
ionic单页面应用中微信分享的问题总结
所属栏目:[安全] 日期:2020-12-17 热度:198
首先说一下 ionic 是单页面应用,也就是说整个项目就有一个index.html,那么问题就就来了,如果我们不同的页面要分享给大家的是不同的链接和图片,应该怎么去做呢? 这就是我们今天要总结的东西. 今天这个问题真是闹得我心烦,有必要总结下来了. 学习重点: 微信分[详细]
-
原Angular团队成员投身JavaScript框架Aurelia
所属栏目:[安全] 日期:2020-12-17 热度:62
-
angularjs源码笔记(1.1)--directive compile
所属栏目:[安全] 日期:2020-12-17 热度:128
Compile (1) 1. 结构 $compile 跟其他service一样都需注册一个provider-- $CompileProvider 就是compile注册进angular的provider。这样 $compile 可以作为service被注入到其他方法的参数中。 主要的调用路径如下: compile1 - compileNodes2 - applyDirectiv[详细]
-
angularjs源码笔记(1.2)--directive template
所属栏目:[安全] 日期:2020-12-17 热度:54
Compile Template 1. template template的配置 { template: 'div22222/div',replace: true,//false link: function () { ... }} 对于template的处理主要集中在 applyDirectivesToNode ()中对于directives数组循环compile目标node,处于compile阶段 if (direc[详细]
-
angularJS $q and promise
所属栏目:[安全] 日期:2020-12-17 热度:127
网上一篇生动生动讲述了promise异步编程问题原文地址http://www.ngnice.com/posts/126ee9cf6ddb68 promise不是angular首创的,作为一种编程模式,它出现在……1976年,比js还要古老得多。promise全称是 Futures andpromises。具体的可以参见 http://en.wikip[详细]
-
更新$scope 时,ng-repeat 不刷新
所属栏目:[安全] 日期:2020-12-17 热度:184
前几天用angularjs 遇到一个大坑,就是在使用ng-repeat 时,用jquery的ajax方法获取服务器数据,再传给$scope时,页面不更新。 搜了好几天,国内的贴子里面都没提到过这种动态刷新,都是传一个常量给$scope. 今天终于在stackoverflow上找到原因,就是在angul[详细]
-
Angular Js判断Object是否为空
所属栏目:[安全] 日期:2020-12-17 热度:76
在AngularJs中判断对象是否为空,可以使用angular.equals,如下 if (obj == null || angular . equals ({},obj)) { // 为空 } 转载请注明 原文地址[详细]
-
ngScreening - angular 筛选器
所属栏目:[安全] 日期:2020-12-17 热度:148
ngScreening v0.4.9 angular筛选器组件 通过控制器定义数据,screening帮你完成数据的渲染、监听、过滤等功能。 DEMO http://moerj.github.io/ngScre... Getting Started npm install ng-screening require('angular');//在使用前,你需要引入 angularrequir[详细]
-
ngVerify - 更高效的 angular 表单验证
所属栏目:[安全] 日期:2020-12-17 热度:186
ngVerify v1.5.0 a easy Angular Form Validation plugin. 简洁高效的__angular表单验证插件__ See how powerful it. 看看它有多强大 动态校验 自动关联提交按钮 多种 tip 校验消息提示 不只校验 dom 元素值,还可以校验 ngModel 数据模型 支持任意类型表单[详细]
-
angularjs源码笔记(1.3)--directive ctrl & attrs
所属栏目:[安全] 日期:2020-12-17 热度:101
Controller Attributes 1. Controller 1.1 配置使用 { controller: 'MyController',// 配置当前directive需要的controller require: '^myDir',// 通过配置require来获取该directive的controller link: function (scope,el,attrs,ctrls) { // ... ctrls就是re[详细]
-
angularjs源码笔记(2)--loader modules
所属栏目:[安全] 日期:2020-12-17 热度:119
简介 ng提供模块管理,所有的service、ctrl等都是挂在模块上,没有依赖该模块那么这个模块的所有service、ctrl等都不能注入使用。 ng内置一个名为'ng'的模块,一些基础的服务如$http、$filter等都挂上面,默认所有的模块都依赖这个模块。 而实现那些依赖关系[详细]
-
AngularJs 多语言的使用 angular-translate
所属栏目:[安全] 日期:2020-12-17 热度:68
文章转自:http://www.tuicool.com/articles/zeymimB 随着世界各地Web访问量的增加,作为开发者的我们也在不断让应用国际化、本地化。当用户访问我们的应用时,他应该能够在运行时立即切换语言环境。 鉴于我们正在开发的是AngularJS客户端应用,尤其不希望用[详细]
-
angularjs(2)
所属栏目:[安全] 日期:2020-12-17 热度:126
!doctype htmlhtml lang="zh-ch" ng-app="bookStoreApp"headmeta charset="UTF-8"meta name="viewport" content="width=divice-width,initial-scale=1" link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" scr[详细]