<!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-controller="myCtrl">

        <p>名字 : <input type="text" ng-model="firstName" ng-bind="firstName"></p>

        <p>名字 : <input type="text" ng-model="lastName" ng-bind="lastName"></p>

        <span>{{firstName+" "+lastName}}</span>

    </div>

    <script>

        var app = angular.module('myApp', []);

        app.controller('myCtrl', function ($scope) {

            $scope.firstName = "firstName";

            $scope.lastName = "lastName";

        });

    </script>

</body>

</html>

　

 ng-app="myApp" 指示这个区域是angrlar控制的 可在js中进行获取到这个模块 进行操作
 ng-controller="myCtrl" 用于控制 AngularJS 块的行为。
 $scope 接收控制对象 由angular传递过来
　　ng-app指令定义了应用, ng-controller 定义了控制器。

效果:

输入框文字出现变动时  所有绑定该模型的数据会进行相应的变动

												


											
angularJS 第一天 使用模型与控制器绑定数据的更多相关文章
	

    
								
  1. 04、AngularJS的ng-bind、多个控制器和apply
		
    这篇,讲一下angularjs的ng-bind指令,多个控制器,以及手动触发angularjs的脏检查,我直接把代码贴,顺着代码讲. <!DOCTYPE html> <html> ...
    
		
    2. 
						
  2. AngularJS（四）——ng-controller（控制器）
		
    前言 上篇大概说了一下指令的应用格式以及创建自定义指令方法,本篇重点介绍一些ng-controller都有哪些小作用. 内容 通过修改控制器部分,修改显示界面. Demo <div ng-app ...
    
		
    3. 
						
  3. AngularJS快速入门指南05：控制器
		
    AngularJS控制器用来控制AngularJS applications的数据. AngularJS控制器就是普通的JavaScript对象. AngularJS控制器 AngularJS app ...
    
		
    4. 
						
  4. [Angularjs] 第一步开始一个项目
		
    [Angularjs] 第一步开始一个项目 一.什么是angularjs angularjs是2009年兴起的,目前由Google维护一个采用mvc模式的js框架,很多时候用来创建单页面应用.我也经常 ...
    
		
    5. 
						
  5. iOS彩票项目--第一天，自定义TabBar控制器和自定义TabBar，自定义导航控制器
		
    一.环境配置,和项目层次搭建 二.自定义TabBar 项目中TabBar中的导航按钮美工给的图片太大,图片中包含了图片和文字.最主要的是TabBar上面的按钮图片尺寸是有规定的,当高度大于44的时候, ...
    
		
    6. 
						
  6. MODEL-View-Controller,既模型-视图-控制器
		
    Swing组件采用MVC(MODEL-View-Controller,既模型-视图-控制器)设计模式,其中模型(Model)用于维护组件的各种状态,视图(View)是组件的可视化表现,控制器(Cont ...
    
		
    7. 
						
  7. python设计模式之模型-视图-控制器模式
		
    python设计模式之模型-视图-控制器模式 关注点分离( Separation of Concerns, SoC)原则是软件工程相关的设计原则之一. SoC原则背后的思想是将一个应用切分成不同的部分 ...
    
		
    8. 
						
  8. angularJS绑定数据时自动转义html标签
		
    angularJS在进行数据绑定时默认是会以文本的形式输出,也就是对你数据中的html标签不进行转义照单全收,这样提高了安全性,防止了html标签中的注入攻击,但有些时候还是需要的,特别是从数据库读取 ...
    
		
    9. 
						
  9. 深入理解this机制系列第一篇——this的4种绑定规则
		
    × 目录 [1]默认绑定 [2]隐式绑定 [3]隐式丢失[4]显式绑定[5]new绑定[6]严格模式 前面的话 如果要问javascript中哪两个知识点容易混淆,作用域查询和this机制绝对名列前茅 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 将springboot配置文件中的值注入到静态变量
			
    SpringBoot配置文件分为.properties和.yml两种格式,根据启动环境的不同获取不同环境的的值. spring中不支持直接注入静态变量值,利用spring的set注入方法注入静态变量  ...
    
			
    2. 
						
  2. 20172333 2017-2018-2 《Java程序设计》第2周学习总结
			
    20172333 2016-2017-2 <Java程序设计>第2周学习总结 教材学习内容总结 1.了解print与println的用法区别. 2.有关于"+"的基本用 ...
    
			
    3. 
						
  3. mysql select 1
			
    看数据库连接池源码,发现连接池的参数validationQuery(SQL查询,用来验证从连接池取出的连接)设置的值为"SELECT 1",之前很少用这种写法,于是 google一 ...
    
			
    4. 
						
  4. <摘录>MBR和分区表
			
    MBR 意思是主引导记录.位于硬盘的0柱面.0磁头.1扇区. MBR 大小为1个扇区,512字节. 下面是MBR的结构: 偏移                                    构 ...
    
			
    5. 
						
  5. Tikhonov regularization和岭回归
			
    就实现过程来讲,两者是一样的,都是最小二乘法的改进,对于病态矩阵的正则化,只不过分析的角度不一样,前者是解决机器学习中过拟合问题,机器学习一般是监督学习,是从学习角度来说的,后者是数学家搞的,是为了解 ...
    
			
    6. 
						
  6. 这些年，我们一直追随的.NET
			
    闲来无事,浏览自己的QQ空间,意外发现自己在13年1月份的发在QQ空间写的一片关于技术的随笔,觉得应该将其移到这里: 这些年,我们一直追随的.NET        前两天,意外地看到了.NET平台为异 ...
    
			
    7. 
						
  7. python笔记12-python多线程之事件（Event)
			
    前言 小伙伴a,b,c围着吃火锅,当菜上齐了,请客的主人说:开吃!,于是小伙伴一起动筷子,这种场景如何实现 Event(事件) Event(事件):事件处理的机制:全局定义了一个内置标志Flag,如果 ...
    
			
    8. 
						
  8. Netty游戏服务器之一
			
    所谓磨刀不误砍柴工,所以在搭建netty游戏服务器之前,我们先要把要准备的东西做好. 首先进入netty的官网下载最新版本的netty的jar包,http://netty.io/downloads.h ...
    
			
    9. 
						
  9. 用latex写毕业论文
			
    用 LaTeX 写漂亮学位论文(from wloo) 序 一直觉得有必要写这样一篇文章,因为学位论文从格式上说更像一本书,与文章 的排版不同,不仅多出目录等文章没有的部分,而且一般要设置页眉页脚方便阅 ...
    
			
    10. 
						
  10. LINUX之内网渗透提权
			
    在渗透测试过程中,经常遇到如下情形,内部网络主机通过路由器或者安全设备做了访问控制,无法通过互联网直接访问本地开放的服务,Windows方 面,国内通常选择Lcx.exe来进行端口转发,在应用方面大多 ...
    
			
    11.