用“MEAN”技术栈开发web应用(一)AngularJs前端架构 吕大豹 2015-09-08 23:31 阅读:2178 评论:5 【转载】angularJs模块ui-router之路由控制 吕大豹 2015-07-18 17:47 阅读:754 评论:0 【转载】angularJs模块ui-router之多视图 吕大豹 2015-07-18 17:29 阅读:908 评论:0 【转载】angularJs模块ui-router之状态嵌套和视图嵌套 吕大豹 2015-07-18 17:28 阅读:396 评论:0 【转载】angularJs模块ui-router之状态管理 吕大豹 2...
<div ng-controller="MyController"> <button ng-click="Plus()"></button> <h1>Hello {{ text }}</h1> <button ng-click="Reduction()"></button></div><script> angular.module(‘myApp‘,[]) .controller("MyController",function($scope){ $scope.text = 1 ; $scope.add = function(){ $scope.text += 1; }; $scope.subtract = function(){ $scope.text -= ...
元素被点击时调用方法或者表达式:<!doctype html>
<html ng-app="myApp">
<head><link rel="stylesheet" href="//cdn.jsdelivr.net/foundation/4.3.2/css/foundation.min.css"><script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular.js"></script>
</head>
<body><div ng-controller="CounterController"><button ng-click="count = count + 1" ng-init="count=0">Increment</button>count: {{count}...
导言 stackoverflow上有一个人问了一个问题:如果我有jQuery背景,我应该如何切换到AngularJS的思维模式? 有一个回复非常经典,获得了两千多票。 为了让国内开发者也能领略到其中的核心思想,现把这个问题和答案翻译出来供大家参考。 Question 假设我已经熟悉了如何使用jQuery来开发客户端应用,我现在打算使用AngularJS。请描述一下有那些思维模式方面的东西需要转变吗?下面是举出一些具体的问题,用来帮助你回答我的这个问题:...
AngularJS集合数据遍历显示 1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="UTF-8"> 5<title>AngularJS集合数据遍历显示</title> 6<script type="text/javascript" src="../js/angular.min.js"></script> 7</head> 8<body ng-app="myapp" ng-controller="myctrl"> 9<table width="100%" border="1">10<tr>11<td>序号</td>12<td>商品编号</td>13<td>商品名称</td>14<td>价格</td>15</tr>16<tr ng-repeat="product in products">...
AngularJS项目开发技巧之获取模态对话框中的组件ID需求 出于项目开发需求,需要实现的业务逻辑是:药店端点击查看“已发货”“已收货”订单详情时,模块弹出框中只应出现“取消”按钮。但现实的情况如下图所示。 模态框核心代码如下:<script type="text/ng-template" id="billDtlContent.html"> <div class="modal-header"> <h3 class="modal-title">立马送药订单</h3> </div> <div class...
ng-repeat 指令可以完美的显示表格。在表格中显示数据使用 angular 显示表格是非常简单的:<!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="myApp" ng-controller="customersCtrl"> <table><tr ng-repeat="x in names"><td>{{ x.Name }}</td><td>{{ x.Country }}</td></tr>
</table></div><script>
var ap...
关于angularjs、requirejs的基础知识请自行学习一、简单事例的项目目录如下:-index.html-scripts文件夹 --controller文件夹 --- mianController.js --- controller1.js ---controller2.js --directives文件夹 ---mainDirective.js ---directive.js --app.js --router.js --main.js 二、首页首先你的index.html大概如下<!doctype html>
<!-- <html xmlns:ng="//angularjs.org" id="ng-app" ng-...
<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body><div ng-app="myApp" ng-controller="myCtrl"><p>名字 : <input type="text" ng-model="firstName" ng-bind="firstName"></p><p>名字 : <input type="text" ng-model="lastName" ng-bind="lastName"></p><span>{{firstName+" "+lastName}}</span> </div><s...
1.关于Scope。 AngularJs的一大特点就是数据与视图的双向绑定,实质上数据是作为Scope的值存在的。 关于Scope,不得不说它的作用域。既然是作用域,那肯定涉及多处。首先是父子Controller嵌套的时候,子controller默认会继承父controller的作用域,也就是说会得到父Scope中的函数、变量。值得注意的是变量是指一个原文:http://www.cnblogs.com/zaixiuxing/p/5244066.html
$http 服务:只是简单封装了浏览器原生的XMLHttpRequest对象,接收一个参数,这个参数是一个对象,包含了用来生成HTTP请求的配置内容,这个函数返回一个promise对象,具有success和error方法。 $http({method:‘请求方法‘, //get post put jsonp(跨域请求)等url:‘url‘, //绝对路径的url cache:‘true‘ //让$http请求使用默认的缓存对象params:‘{会被转换成查询字符串追加在URL后面}‘ //params:{‘name‘:‘ari‘}转为...
百科释义:AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。百科详解:AngularJS 原文:http://www.cnblogs.com/professional-NET/p/4733287.html
例子:1.error{background-color:red;}
23.warning{background-color:yellow;}View Code 1<div ng-controller=‘HeaderController‘> 2<div ng-class=‘{error:isError,warning:isWarning}‘>{{messageText}}</div> 3<button ng-click=‘showError()‘>展示error</button> 4<button ng-click=‘showWarning()‘>展示warning</button> 5</div> 6 7function HeaderController($scope){8 $scope.isError= false;9 $scope.isWarning ...
最近参加笔试被虐成狗了,感觉自己的算法太弱了。但是还是先花点事件将这个AngularJS学习完。今天学习filter一、内置过滤器 (1)过滤单个数据值<!DOCTYPE html><html lang="en" ng-app="myApp"><head><meta charset="UTF-8"><title>内置过滤器-过滤单个数据值</title></head><body ng-controller="tableCtrl"><h1>今天是:{{now|date:"dd MMMM yyyy"}}</h1><table width="100%"><tr><td>name</td><td>cat</td><td>price</td><t...
//过滤器ngApp.filter(‘jsonDate‘, function ($filter) {returnfunction (input, format) {var timestamp = Number(input.replace(/\/Date\((\d+)\)\//, "$1"));return $filter(‘date‘)(timestamp, format);};});//控制器在注入$filter ngApp.controller(‘ngCtrl‘, function ($scope, $http, $filter) {//使用方法{{item.Create_Date|jsonDate:‘yyyy-MM-dd HH:mm:ss‘ }} 原文:http://www.cnblogs.com/james641/p/5844386....