1、模块

  1. <!doctype html>
  2. <html lang="en-US" ng-app="myApp">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title></title>
  6.     <!-- <script src="http://code.angularjs.org/angular-1.0.1.min.js"></script> -->
  7.     <script src="../angular.min.js"></script>
  8.     <script type="text/javascript">
  9.        var myAppModule=angular.module('myApp',[])  ;
  10.         myAppModule.controller('TextController',function($scope){
  11.             var someText={};
  12.             someText.message="you have started";
  13.             $scope.someText=someText;
  14.  
  15.         }) ;
  16.         //ng-bind和{{someText}}具有相同功能
  17.     </script>
  18. </head>
  19. <body ng-controller="TextController">
  20.                                   <p ng-bind="someText"></p>
  21.           <input type="text" value="{{someText.message}}">
  22. </body>
  23. </html>

2、Form控件绑定（未完成）

  1. <!doctype html>
  2. <html lang="en-US" ng-app="myApp">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title></title>
  6.     <!-- <script src="http://code.angularjs.org/angular-1.0.1.min.js"></script> -->
  7.     <script src="../angular.min.js"></script>
  8.     <script type="text/javascript">
  9.  
  10.         var myAppModule=angular.module('myApp',[])  ;
  11.         myAppModule.controller('StartUpController',function($scope){
  12.             $scope.computeNeeded=function(){
  13.                 $scope.needed=$scope.startingEstimate*10;
  14.             };
  15.             $scope.requestFunding=function(){
  16.                 window.alert("sorry,please get moure cutomers first");
  17.             };
  18.             $scope.reset=function(){
  19.                 $scope.startingEstimate=0;
  20.             } ;
  21.  
  22.         }) ;
  23.  
  24.     </script>
  25. </head>
  26. <body>
  27. <form ng-submit="requestFunding()"  ng-controller="StartUpController">
  28.       Starting:<input ng-change="computeNeeded()" ng-model="startingEstimate">
  29.     Recommendation:{{needed}}
  30.     <button>Fund my startup!</button>
  31.     <button ng-click="reset()" value="reset">reset</button>
  32.  
  33. </form>
  34.  
  35. </body>
  36. </html>

【AngularJs-模块篇-Form篇】的更多相关文章

  1. NodeJS学习笔记 进阶 (12)Nodejs进阶：crypto模块之理论篇

    个人总结:读完这篇文章需要30分钟,这篇文章讲解了使用Node处理加密算法的基础. 摘选自网络 Nodejs进阶:crypto模块之理论篇 一. 文章概述 互联网时代,网络上的数据量每天都在以惊人的速 ...

  2. antd快速开发（Form篇）

    antd快速开发(Form篇) 前言 由于一直在做中台业务,后台项目特别多,但是后台项目的特点是:大量的列表和大量表单,重复开发会降低效率,所以我这边总结了一下使用antd组件搭建form的快捷方法. ...

  3. 【MM系列】SAP MM模块-组织结构第二篇

    公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[MM系列]SAP MM模块-组织结构第二篇   ...

  4. AngularJS 模块& 表单

    模块定义了一个应用程序. 模块是应用程序中不同部分的容器. 模块是应用控制器的容器. 控制器通常属于一个模块. 应用("myApp") 带有控制器 ("myCtrl&qu ...

  5. 前端工程师技能之photoshop巧用系列第二篇——测量篇

    × 目录 [1]测量信息 [2]实战 [3]注意事项 前面的话 前端工程师使用photoshop进行的大量工作实际上是测量.本文是photoshop巧用系列第二篇——测量篇 测量信息 在网页制作中需要 ...

  6. 前端工程师技能之photoshop巧用系列第一篇——准备篇

    × 目录 [1]作用 [2]初始化 [3]常用工具[4]快捷键 前面的话 photoshop是前端工程师无法回避的一个软件,这个软件本身很强大,但我们仅仅需要通过这个工具来完成基本的切图工作即可.本文 ...

  7. AngularJS 模块

    模块定义了一个应用程序. 模块是应用程序中不同部分的容器. 模块是应用控制器的容器. 控制器通常属于一个模块. 你可以通过 AngularJS 的 angular.module 函数来创建模块: &l ...

  8. 4.了解AngularJS模块和依赖注入

    1.模块和依赖注入概述 1.了解模块 AngularJS模块是一种容器,把代码隔离并组织成简洁,整齐,可复用的块. 模块本身不提供直接的功能:包含其他提供功能的对象的实例:控制器,过滤器,服务,动画 ...

  9. AngularJS模块的详解

    AngularJS模块的详解 在讲angularjs的模块之前,我们先介绍一下angular的一些知识点: AngularJS是纯客户端技术,完全用Javascript编写的.它使用的是网页开发的常规 ...

随机推荐

  1. JSP判断闰年

    闰年条件: 能被4整除但不能被100整除 能被400整除 <%@ page language="java" import="java.util.*" co ...

  2. Visual Studio 添加SVN插件

    这两天为了开发一个移动混合式的框架,被迫去学习去使用VisualStudio,这玩意当年离开校园就再也没用过了,再次看到感觉还是很眼熟...,这篇文件就简单说明下VS下怎么安装SVN插件吧: 1 首先 ...

  3. Struts2_day04讲义_使用Struts2完成用户登录的权限拦截器的代码编写

  4. c#事件Unity与.Net对比

    今天在看Unity3d的书,发现上面的调用事件比较特殊,比如说按钮事件 该方法写在OnGUI方法中if(GUILayout.Button("按钮1")) { //执行事件的处理 } ...

  5. flexbox父盒子flex-wrap属性

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. ajax简单手写了一个猜拳游戏

    使用ajax简单写一个猜拳游戏 HTML代码 <!DOCTYPE HTML> <html lang="en-US"> <head> <me ...

  7. lua 根据函数名字符串来执行函数

    function myfunction(msg) print("this is msg fun " .. msg); end local fun =_G["myfunct ...

  8. Kafka（一）-- 初体验

    一.概念 Kafka是一种高吞吐量的分布式发布订阅消息系统,它可以处理消费者规模的网站中的所有动作流数据. 这种动作(网页浏览,搜索和其他用户的行动)是在现代网络上的许多社会功能的一个关键因素. 这些 ...

  9. 判断App整体处于前台还是后台

    1.通过RunningTaskInfo类判断(需要额外权限): 复制代码代码如下: /** *判断当前应用程序处于前台还是后台 */ public static boolean isApplicati ...

  10. TOMCAT可以稳定支持的最大并发用户数

    转自:http://blog.sina.com.cn/s/blog_68b7d2f50101ann7.html 服务器配置: 单硬盘,SATA   8MB缓存 测试服务器和loadrunner运行服务 ...