<!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-init="names=['Jani','Hege','Kai']" ng-controller="myCtrl">
<p>使用 ng-repeat 来循环数组</p>
<ul>
<input ng-model="name" ng-init="name=111">
<li ng-click="clickMe($event,x)" ng-repeat="x in names">
{{ x }}
</li>
</ul>
</div>
<script>
var app = angular.module("myApp", []);
app.controller('myCtrl', function($scope) {
$scope.name = "songfeng";
$scope.clickMe = function(obj,value){
console.info(obj.target.innerHTML+","+value);
}
});
</script>
</body>
</html>
分享到：
相关推荐
在"angularJs demo 各种基本用法"中，我们可以深入探讨以下几个关键概念：路由（router）、过滤器（filter）、服务（service）以及指令（diractive）。 **路由（Router）**： AngularJS的路由功能允许我们根据URL来...
**AngularJS 入门小 Demo** AngularJS 是一个强大的前端 JavaScript 框架，由 Google 维护，用于构建单页应用（Single-Page Applications, SPA）。它通过数据绑定和依赖注入等特性，极大地简化了网页开发过程。在这...
angularjs的demo
这个"angularjs demo"压缩包很可能是包含了一些示例项目，帮助开发者理解和学习AngularJS的核心概念和功能。 首先，AngularJS的核心特性包括数据绑定、依赖注入、指令系统、过滤器和表单处理等。数据绑定是...
这个"angularjs_requirejs demo"是将AngularJS与RequireJS结合使用的一个示例项目，旨在帮助开发者更好地理解和实践这两种技术的集成。 **AngularJS** 是一个强大的前端MVC（Model-View-Controller）框架，由Google...
【描述】"angularjsdemo" 可能是一个包含多个子项目的集合，这些子项目展示了AngularJS的核心特性和最佳实践。通过这个项目，开发者可以学习到如何组织AngularJS项目结构，以及如何利用其数据绑定、依赖注入、指令、...
在这个"SpringMVC整合AngularJS简单Demo"中，我们将探讨如何将这两者结合，构建一个交互性强、响应快速的Web应用。 SpringMVC是Spring框架的一部分，它是一个模型-视图-控制器（MVC）架构的Web应用开发框架。...
angularJs2官网demo，使用方法:需要在本地安装npm,(https://nodejs.org/en/下载最新版本的nodeJs,保证node的版本高于等于v5.x.x，npm版本高于等于3.x.x),使用node -V或者npm -V检查版本。 下载文档之解压到某个目录...
angularjs-demo-theme, 在http上，为post构建的演示主题 使用AngularJS和 WP REST API v2测试版 9在你的WordPress主题中这是我的教程文章中最后的项目文件： 使用AngularJS和 REST API 在你的WordPress主题中。...
AngularJS + Bootstrap Demo项目，获取豆瓣电影数据
这个"angularjs ui.router嵌套路由demo"是展示如何在AngularJS项目中使用UI.Router进行多级路由配置和页面嵌套的一个实例。通过这个demo，我们可以深入理解UI.Router的工作原理和实际应用。 首先，UI.Router不同于...
**AngularJS + SpringMVC 入门Demo详解** AngularJS 和 SpringMVC 是两种非常流行的开源框架，分别在前端和后端发挥着重要作用。AngularJS 是一个强大的 JavaScript 框架，用于构建单页应用程序（SPA），而 ...
入门要开始使用，您可以简单地克隆 AngularJSDemo 存储库并安装依赖项：先决条件我们还使用了一些 node.js 工具进行初始化。 您必须安装 node.js 及其包管理器 (npm)。 您可以从获取它们。克隆 AngularJSDemo 使用...
本示例以"AngularJs demo 例子（表单验证）form"为主题，结合bootstrap美化，展示了如何在AngularJS中实现表单验证。 **1. AngularJS 表单基础** 在AngularJS中，表单是由`<form>`标签定义的，可以通过`ngForm`或`...
《AngularJS实战应用详解——基于angularjs_demoapp1的探索》 AngularJS，作为Google推出的一款前端MVC框架，以其强大的数据绑定和依赖注入特性在Web开发领域占据了一席之地。本文将通过分析名为"angularjs_demoapp...
在IT行业中，SpringMVC和AngularJS是两个非常重要的框架，它们分别在后端和前端领域发挥着关键作用。SpringMVC是Spring框架的一部分，主要用于构建高性能、灵活的Web应用程序，而AngularJS则是一个强大的前端...
**AngularJS-Demo** AngularJS 是一款由Google维护的开源JavaScript框架，用于构建单页应用程序（SPA）。这个项目“AngularJS-Demo”很可能是为了演示AngularJS的核心特性和最佳实践，帮助开发者理解如何有效地利用...
AngularJS 是一个强大的JavaScript框架，用于构建动态网页应用。它以MVC（Model-View-Controller）架构为基础，简化了前端开发流程。`ng-table`是AngularJS的一个插件，主要用于在网页上展示数据，提供了丰富的表格...
展示使用AngularJS和spring MVC4，我们将创建一个增删查改的应用。前端使用AngularJS，后端使用Spring REST API。AngularJS使用$http服务和后端进行异步通信，同时使用AngularJS进行表单验证。