AngularJS小示例<2>

<ul ng-init="names=[
                    {name: ‘乔乐‘, age:‘25‘},
                    {name: ‘周迅‘, age:‘40‘},
                    {name: ‘魏瑞‘, age:‘25‘},
                    {name: ‘展昭‘, age:‘98‘}
                    ]">
			<li ng-repeat="info in names">{{$index+1}}、今年{{info.name}}已经{{info.age}}岁了! {{$first}}-{{$middle}}-{{$last}}-{{$even}}-{{$odd}}</li>
		</ul>
var app = angular.module("NameApp", [‘ngAnimate‘]);

app.controller("SecondCtrl", function($scope){

});

运行结果:

  • 1、今年乔乐已经25岁了! true-false-false-true-false
  • 2、今年周迅已经40岁了! false-true-false-false-true
  • 3、今年魏瑞已经25岁了! false-true-false-true-false
  • 4、今年展昭已经98岁了! false-false-true-false-true



本文出自 “阿凡达” 博客,请务必保留此出处http://shamrock.blog.51cto.com/2079212/1690542

时间: 2024-10-13 17:44:20

AngularJS小示例<2>的相关文章

AngularJS小示例

效果如上图.代码如下 <!DOCTYPE html> <html lang="en" ng-app="app">     <head>         <meta name="generator"         content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tr

PHP jQuery ajax 表单提交小示例(含insert, select)

功能描述:能够通过表单向MySQL数据库新增记录,能够表单提供关键词进行查询 index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"&g

Hello SAS 1 -- 安装并运行一个小示例

1.安装 软件环境说明 win7 64位 + SAS9.4 准备工作 查看SAS的sid文件有效期,并修改系统时间为有效期之前的1个月,如图示: 修改sid 问题1:SAS EM创建项目报NO_FILE错误(报错时的场景是操作系统是中文,也没有修改系统时间) 解决方式: 1.操作系统语言改成英文版.(试过几次中文版的都失败了,不确定这是主因,因为安装成功时也修改了系统时间,之前失败的时候都没修改系统时间) 2.修改系统时间 2.创建Libraries及table 创建Libraries(软件重启

基于nodeJs express 框架的图片上传和编辑(引用美图编辑工具)上传小示例

唉,由于近期工作中对于新知识的运用相对较少,也导致小码哥少有更新鄙人心得的机会.还望路过的基友们不要抱怨,勿喷,,,,, 本篇文章,是基于NodeJs Express框架完成的一个用于项目中图片上传和编辑上传的小示例,当然,由于项目工期不禁,都是在非工作时间慢慢完成的,导致至今该图片上传功能也未能插入项目中真正的验证最终效果.不过就小码哥感觉,基本思路及基本功能算是完成了. 下面便由小码哥来给基友们稍微讲解改功能的实现过程及其中用到的一些技术等等. 首先,说说NodeJs Express框架的搭

js ajax数据的获取小示例 天气信息填充表格

AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. 现在大家写写了一个简单的ajax获取数据的小示例,希望能帮助需要帮助的. html代码: 1 <table border="1" > 2 <!--因为在谷歌上会自动添加tbody标签,其他浏览器不会有这标签,所以添加tbody是为了选取元素时不会发生混乱.--> 3 <tbody> 4 <tr> 5 <th>日期</th> 6 <th&

Highcharts入门小示例

一.创建条形图 1.创建div容器 <div id="container" style="min-width:800px;height:400px"></div> 2.编写图表配置代码 相关示例: <html> <head>  <script type="text/javascript" src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.m

AngularJS小知识点一

AngularJS是由谷歌公司及一个由开发者组成的个人社区共同打造.其主要优势在于帮助使用者在web应用程序中实现必要的动态视图.它是通过原生的MVC(模型-视图-控制器)功能来增强HTML. PS:MVC是一种软件架构设计模式,它将表现从用户交互中分离出来.模型--->应用的数据+与数据进行交互的方法,视图--->将数据呈现给用户,控制器--->二者的桥梁.即一个函数,用来向视图的作用域中添加额外的功能. ng-app---->>声明所有被其包含的内容都属于这个Angula

Boost笔记--Asio--(1)简单的同步通信小示例

看了一天的Boost.Asio库的资料,现在还是有点迷糊.对于Asio的学习还是要继续,同时在这里也记录下自己入手的第一个小例子.感觉先从小例子入手,然后再去理解那些原理概念啥的,要好一些.因为概念原理都太抽象了,有了小例子就知道是怎么个套路了.对于Asio库的在后面的学习中会陆续的写些文章来记录一些笔记. (注:我不是专业的网络人士,有些东西可能我自己理解的很幼稚,没办法我连tcp/ip协议了解的很少.只能边学边去了解了.) (1)服务器端代码 #include <iostream> #in

Spring 小示例

通过一个简单的示例来初步理解Spring框架 1.创建java工程,导入相应Spring包,放在lib文件夹中 2.接口  IHelloMessage 1 package com.jike.spring.chapter01; 2 3 public interface IHelloMessage { 4 5 //接口中的一个抽象方法,用于向大家输出问候信息 6 public String sayHello(); 7 8 } 3.java类 HelloChina.java,用于输出“中国话” 1 p