
Angular&BootStrap
xxxcyzyy
这个作者很懒,什么都没留下…
展开
-
10010---Angular JS 表格
ng-repeat 指令可以完美的显示表格。在表格中显示数据使用 angular 显示表格是非常简单的: {{ x.Name }} {{ x.Country }} var app = angular.module('myApp', []);app.controller('customersCtrl', function($scop转载 2015-12-09 10:27:28 · 485 阅读 · 0 评论 -
10011---Bootstrap CSS
表格Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素:按钮默认按钮原始按钮成功按钮信息按钮警告按钮危险按钮链接按钮效果转载 2016-03-13 01:55:42 · 464 阅读 · 0 评论 -
10006---AngularJS 指令
AngularJS 通过被称为 指令 的新属性来扩展 HTML。AngularJS 指令AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-。ng-app 指令初始化一个 AngularJS 应用程序。ng-init 指令初始化应用程序数据。ng-model 指令把元素值(比如输入域的值)绑定到应用程序。 在输入框中尝试输入: 姓名:转载 2015-12-07 21:48:16 · 376 阅读 · 0 评论 -
10005---AngularJS 表达式
AngularJS 使用 表达式 把数据绑定到 HTML。AngularJS 表达式AngularJS 表达式写在双大括号内:{{ expression }}。AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。AngularJS 将在表达式书写的位置"输出"数据。AngularJS 表达式 很像 JavaScript 表达式:它转载 2015-12-07 15:05:59 · 387 阅读 · 1 评论 -
10009---AngularJS Http
http 是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。读取 JSON 文件 以下是存储在web服务器上的 JSON 文件:[{"Name" : "Alfreds Futterkiste","City" : "Berlin", "Country" : "Germany"},{"Name" : "Berglunds snabbköp","City"转载 2015-12-08 01:06:30 · 487 阅读 · 0 评论 -
10008---AngularJS 控制器
过滤器可以使用一个管道字符(|)添加到表达式和指令中。AngularJS 过滤器 AngularJS 过滤器可用于转换数据:过滤器描述currency:格式化数字为货币格式。filter:从数组项中选择一个子集。lowercase:格式化字符串为小写。orderBy:根据某个表达式排列数组。转载 2015-12-08 00:47:54 · 289 阅读 · 0 评论 -
10007---AngularJS 控制器
AngularJS 控制器 控制 AngularJS 应用程序的数据。 AngularJS 控制器是常规的 JavaScript 对象。AngularJS 控制器AngularJS 应用程序被控制器控制。ng-controller 指令定义了应用程序控制器。控制器是 JavaScript 对象,由标准的 JavaScript 对象的构造函数 创建。名: 名:转载 2015-12-08 00:09:53 · 240 阅读 · 0 评论 -
10004---AngularJS--简介
AngularJS 通过新的属性和表达式扩展了 HTML。AngularJS 可以构建一个单一页面应用程序(SPAs:Single Page Applications)。AngularJS 学习起来非常简单。AngularJS 是一个 JavaScript 框架。它可通过 标签添加到 HTML 页面。AngularJS 通过 指令 扩展了 HTML,且通过表达式 绑定转载 2015-12-07 14:55:28 · 279 阅读 · 0 评论 -
10002---BootStrap--CSS概览
在这一章中,我们将讲解 Bootstrap 底层结构的关键部分,包括我们让 web 开发变得更好、更快、更强壮的最佳实践。HTML 5 文档类型(Doctype)Bootstrap 使用了一些 HTML5 元素和 CSS 属性。为了让这些正常工作,您需要使用 HTML5 文档类型(Doctype)。 因此,请在使用 Bootstrap 项目的开头包含下面的代码段。...转载 2015-12-03 11:52:29 · 325 阅读 · 0 评论 -
10003---BootStrap网格系统
Bootstrap 提供了一套响应式、移动设备优先的流式网格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。 什么是网格(Grid)?摘自维基百科: 在平面设计中,网格是一种由一系列用于组织内容的相交的直线(垂直的、水平的)组成的结构(通常是二维的)。 它广泛应用于打印设计中的设计布局和内容结构。在网页设计中,它是一种用于快速创建一转载 2015-12-03 15:09:30 · 509 阅读 · 0 评论 -
10001---BootStrap--简介及安装
Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。移动设备优先:自 Bootstrap 3 起,框架包含了贯穿于整个库的移动设备优先的样式。浏览器支持:所有的主流浏览器都支持 Bootstrap。 响应式设计:Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机转载 2015-11-21 01:03:24 · 729 阅读 · 0 评论 -
10012---AngularJS表单提交例子
原文 AngularJS中的数据绑定 AngularJS创建实时模板来代替视图,而不是将数据合并进模板之后更新DOM。任何一个独立视图组件中的值都是动态替换的。转载 2016-03-29 11:15:12 · 344 阅读 · 0 评论