<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body><div ng-app="" ng-init="firstName=‘wangshw‘"><p>姓名为 <span ng-bind="firstName"></span></p></div></body> </html> 原文：http://www.cnblogs.com/lnas01/p/5255176.html
第二章 概念介绍2.1 什么是UI?用户界面包括内容(静态信息+动态信息), 外观, 交互. 在前端技术栈中分别由HTML, CSS和JS负责. 进一步抽象, 分别对应于MVC三个主要部分: Model, View和Controller对应到AngularJS中, 内容: 静态内容---模板动态内容---scope交互---Controller外观 CSS----样式filter----格式2.2. 模块(module)模块: 把相关的一组编程元素(如类, 函数, 变量等)组织到同一个发布包中. 这些编程元素之间紧密协作, 隐藏实现...
前两天在搞自己的项目，前端js框架用的是angularjs框架；整站多的差不多的时候出事了；那就是当我用$http.post()方法想服务器提交一些数据的时候；后台总是接收不到数据；预示采用了其他方法暂时性替代一下；今天正好有时间研究这个事情；网上查了很多资料；都试了试；不是报错句是不符合；但是还是给我提供了一些解决问题的思路；正文开始：首先做了个demo如下；主要是为了比较他们的不同之处； html如下：<div class="container-...
在angular设置select时，由于没有设置默认的选择项，就会导致第一个option中的值为undefined，选择其他值时，option为undefined的选项却自动消失了，这说明是在代码中没有设置select的默认选项。如果select有值，则显示正常。在代码中，初始化select的默认值即可。更改代码如下：<select ng-model="prov" ng-change="changeProv()" ng-init="prov=‘sichuan‘"> <option ng-repeat="prov in provs" value={{prov.name}}>{{prov.va...
使用AngularJS有差不多一年时间了，前前后后也用了不少库和指令，整理了一下，分成四大类列出。有demo地址的，就直接连接到demo地址，其它的直接链到github托管库中。图片视频类angular-maxonry 图片墙效果插件，可以将图片组织成类似于瀑布流的效果，依赖于jQuery、imageloaded和Masonryangular-deckgrid 另一个照片瀑布流解决方案ngImgCrop 图片剪裁工具ngVideo 播放器，直接播放指定地址的mp4，控制按钮美观度远甩朝内99.99%的视...
这个例子的意思是，当xxxx的长度不超过6时，xxxx和yyyy两个input的model是无关的，但当xxxx超过6，则yyyy会跟随其值而变化。 <!doctype HTML> <html><head lang="en"><meta charset="utf-8"><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script><script type="text/javascript">var app = angular.module(‘app‘, []);app.controller(‘AppCtrl‘, function($s...
前言 随着浏览器的发展 HTML5+CSS3 的使用也越来越广泛，一直想学这个，想学那个折腾下来几乎没学到什么东西。工作经验告诉我，要掌握一门技术，就需要在项目中去磨练，所以我就准备开发一个手机端的BBS练练手，技术更新快，也要学的快，跟的上时代，才涨的了工资。 技术的选择jQuery Mobile Phone Gap 等都是比较成熟的框架为什么我不用这些框架呢？ 因为我考虑到底层的技术应用和练习 。我的选择是：Html5+css3+angularjs+j...
于angular我们定义directive方法。查看 return {restrict: 'AE',scope: {},template: '<div></div>',link: function() {} } 除了代码中出现的属性，另一些其它的属性可供配置，这里不作详述。 今天我们要说的重点是scope字段。 常规使用方法设置scope: {name: '=',age: '=',sex: '@',say: '&' } 如果我们的hml代码例如以下<div my-directive name="myName" age="myAge" sex="male" say="say()"></div> 相应的controller部分代码fun...
AngularJS 控制器也有方法(变量和函数)<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="X-UA-Compatible"content="IE=edge" /> <meta name="viewport"content="width=device-width,initial-scale=1" /> <!--[if lt IE 9]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <script src="http://a...
ng-repeat用来遍历一个集合或为集合中的每个元素生成一个模板实例。集合中的每个元素都会被赋予自己的模板和作用域。同时每个模板实例的作用域中都会暴露一些特殊的属性。 $index:遍历的进度（0 ... length-1） $first:当元素是遍历的第一个时值为true $middle:当元素处于第一个和最后元素之间时为true。 $last:当元素是遍历的最后一个时值为true。 $even:当$index值为偶数时值为true。 $odd:当$index值为奇数时...
我在使用angularjs的时候报出来这个错误:Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.15/当时只是代码都可以访问但是,就是不能正常的发送请求,应该是在自己写的controller层或者service层中有出现标点符号,或者是单词拼写出现了错误,才会导致这样的问题. 原文：https://www.cnblogs.com/qingmuchuanqi48/p/11074901.html
原版地址：http://code.angularjs.org/1.0.2/docs/guide/dev_guide.services.$location 一、What does it do? $location服务分析浏览器地址栏中的URL（基于window.location），让我们可以在应用中较为方便地使用URL里面的东东。在地址栏中更改URL，会响应到$location服务中，而在$location中修改URL，也会响应到地址栏中。 $location服务：暴露当前浏览器地址栏的URL，所以我们可以 注意和观察URL改变URL当用户做以下操作时，...
描述： 复制一个对象或者一个数组（好吧，万物皆对象，数组也是一个对象）。如果省略了destination，一个新的对象或数组将会被创建出来；如果提供了destination，则source对象中的所有元素和属性都会被复制到destination中；如果source不是对象或数组（例如是null或undefined）, 则返回source；如果source和destination类型不一致，则会抛出异常。注意：这个是单纯复制覆盖，不是类似继承 使用方法： angular.copy(source, ...
<!DOCTYPE HTML> <html ng-app="myApp"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <style> #parent div{ width:300px; height:500px; border:1px #000 solid; margin:20px;} #parent ul{ width:200px; position:fixed; top:0; right:0;} </style> <script src="angular.min.js"></script> <script>var m1 = angular.module(‘myApp‘,[]); m1.controller(‘Aaa‘,[...
AngularJS 指令是扩展的 HTML 属性，带有前缀 ng-。比如：ng-app 指令初始化一个 AngularJS 应用程序。注意ng-app一般为空，如果值不为空，就得加这样一句代码var app = angular.module(‘名字‘, []);ng-init 指令初始化应用程序数据。这个在之前已经说过了，下面讲一下之前没讲到的。ng-repeat指令与ng-options指令<!--一般ng-repeat通常用于ul与li这种列表和表格--><div ng-app="" ng-init="names=[ {name:‘Jani‘,country:‘N...