<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<html ng-app>
<head>
<script type="text/javascript"
src="/angularJs/angular-1.2.19/angular.min.js"></script>
</head>
<body>
<div ng-controller="testCtrl">
<b>小型计算器:</b> <br> <br>
<table>
<tr>
<td>数字1</td>
<td>数字2</td>
</tr>
<tr>
<td><input type="number"
min="0"
max="10"
ng-model="number1"
required></td>
<td><input type="number"
min="2"
max="10"
ng-model="number2"
required></td>
</tr>
</table>
<hr>
<b>Total:</b> {{number1 * number2 | currency}}
</div>
<div ng-controller="registUser">
<b>注册用户:</b><br><br>
<table>
<tr>
<td>用户名:</td>
<td><input type="text" ng-model="userName"></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" ng-model="password"></td>
</tr>
</table>
</div>
<script>
function testCtrl($scope) {
$scope.number1 = 2;
$scope.number2 = 5.6;
}
function registUser($scope){
$scope.userName = "chenchaoyang";
$scope.password="china";
}
</script>
</body>
</html>
分享到:
相关推荐
AngularJS 中文版 入门 基础 教程, 实例,初学者。 代码 例子。
漂亮大气的bootstrap表单,angularJs表单验证 ,是angularJs入门很好的例子
对于更多我们在教程部分提及的细节以及AngularJS理论的例子,你可以在开发指南中找到。 AngularJS初学者看到中文入门教程,却无法使用GitHub下载到配套的Angular的Seed工程,因此学习曲线大。在此专门下载配套工程...
angularJs 入门技术例子
本文实例讲述了AngularJS入门教程之Helloworld示例。分享给大家供大家参考,具体如下: 什么是AngularJs? angularjs是一个为动态WEB应用设计的结构框架。它能让你使用HTML作为模板语言,通过扩展HTML的语法,让你能...
AngularJS有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等,本例子 是AngularJS 静态demo , 可以当入门学习,方便快速上手。
例子:nlp_compromise示例:入门:获取代码: 通过 $ bower install --save angular-nlp-compromise 。 或( )将模块添加到您的应用程序。index.html: < html ng-app =" app " > < head > </ head ...
Laravel流明和AngularJS Todo应用程序使用Laravel流明微框架和AngularJS的Todo应用程序特征创建/编辑/删除待办事项流明休息API AngularJS表单验证AngularJS CSRF保护搜索待办事项排序待办事项完整的待办事项屏幕截图...
入门 首先,您需要具备 angularJS 的基本知识。 安装 【下载】:git clone 去项目 cd Angular-pagination-table 安装所有依赖 npm install 运行项目 DEBUG=Angular-pagination-table ./bin/www 在浏览器中打开...
关于AngularJS入门,Controller的使用方法。
本文通过几个循序渐进的例子,给大家详细讲解了如何快速入门AngularJS,十分的实用,这里推荐给大家,有需要的小伙伴可以参考下。
数据绑定是AngularJS中非常重要的特性,我们看一下下面的例子: <!DOCTYPE html> <html ng-app> <head lang=en> <meta charset=UTF-8> [removed][removed] <title>tutorial02</...
AngularJS业务流程建模器 基于AngularJS的编辑器来创建bpmn图(并读出所有过程信息) 入门 文献资料 (即将推出) 例子 (即将推出)
应用程序设置一个新的AngularJS应用,生成您需要入门的所有样板。 应用程序生成器还可以选择安装Bootstrap和其他AngularJS模块,例如angular-resource(默认安装)。 例子: yo angular路线生成控制器和视图,并在...
web api入门用的例子程序 web api的crud操作 ajax方式实现的聊天室 cms管理员后台模板 条码扫描 winforms实现用户登录逻辑 socket通讯的例子 将gridview导出到 word excel ppt pdf等文档 将excel转换为xml 修改并且...
之前写的一篇《AngularJS入门示例之Hello World详解》 ,介绍ng-model的时候提到:使用AngularJS的双向数据绑定机制,不需要我们编写繁琐的代码来实现同样的功能。现在我们看一个比较震撼的例子,看看angularJS是...
入门 下载或。 在您的网页中: < script src =" angular.js " > </ script > < script src =" dist/angular-scroll-classes.min.js " > </ script > 文献资料 (即将推出) 例子 (即将...
本文实例讲述了AngularJS前端页面操作之用户修改密码功能。分享给大家供大家参考,...下面的代码是自己写的一个简单例子,记录学习进程。 changePwd var app = angular.module("myapp",[]); app.controller('changPwd
入门 要开始使用,您可以简单地克隆有角度的种子存储库并安装依赖项: 先决条件 您需要git来克隆有角度的种子存储库。 您可以从获得git。 我们还使用了许多node.js工具来初始化和测试角度种子。 您必须安装了node....