当前位置: 首页 > news >正文

angularjs基础——控制器

1)当使用非空ng-app和ng-controller时,变量由angularjs控制器来处理

2)控制器接管模型变量后,直接修改模型,模版里的变量还是会自动变的

 

<!DOCTYPE html>
<html>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js"></script>
<body>

<p>Try to change the names.</p>

<div ng-app="myApp" ng-controller="myCtrl">

First Name: <input type="text" ng-model="firstName"><br>
Last Name: <input type="text" ng-model="lastName"><br>
<br>
Full Name: {{firstName + " " + lastName}}

</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.firstName= "John";
    $scope.lastName= "Doe";
});
</script>

</body>
</html>

  

相关文章:

  • 使用Gson排除特定字段
  • 【自用】C# 中图片切换的几种过渡动画特效
  • Java应用线上问题排查的常用工具和方法
  • redhat 安装oracle数据库xe版
  • 解决 com.sun.*包导入错误
  • 马哥2016全新Linux+Python高端运维班第九周作业
  • 【求助】小系统组成大系统所遇到的问题
  • Mysql之mysqlbinlog使用
  • css揭秘之linear-gradient
  • Runtime的几个小例子(含Demo)
  • javaList容器中容易忽略的知识点
  • 《AngularJS高级程序设计》学习笔记
  • centos搭建keepalived+ipvsadm实现高可用lvs分发
  • CSS Hack解决浏览器IE部分属性兼容性问题
  • Tripwire强大的服务器文件完整性监测系统-检测并报告服务器***
  • 【vuex入门系列02】mutation接收单个参数和多个参数
  • 2017-09-12 前端日报
  • avalon2.2的VM生成过程
  • canvas实际项目操作,包含:线条,圆形,扇形,图片绘制,图片圆角遮罩,矩形,弧形文字...
  • Fundebug计费标准解释:事件数是如何定义的?
  • Golang-长连接-状态推送
  • iOS 颜色设置看我就够了
  • jQuery(一)
  • Linux中的硬链接与软链接
  • Object.assign方法不能实现深复制
  • open-falcon 开发笔记(一):从零开始搭建虚拟服务器和监测环境
  • Web Storage相关
  • 码农张的Bug人生 - 初来乍到
  • 如何抓住下一波零售风口?看RPA玩转零售自动化
  • 试着探索高并发下的系统架构面貌
  • 推荐一个React的管理后台框架
  • 走向全栈之MongoDB的使用
  • 白色的风信子
  • Play Store发现SimBad恶意软件,1.5亿Android用户成受害者 ...
  • ​卜东波研究员:高观点下的少儿计算思维
  • ( )的作用是将计算机中的信息传送给用户,计算机应用基础 吉大15春学期《计算机应用基础》在线作业二及答案...
  • (11)MATLAB PCA+SVM 人脸识别
  • (39)STM32——FLASH闪存
  • (9)目标检测_SSD的原理
  • (二十五)admin-boot项目之集成消息队列Rabbitmq
  • (分布式缓存)Redis分片集群
  • (附源码)python房屋租赁管理系统 毕业设计 745613
  • (机器学习的矩阵)(向量、矩阵与多元线性回归)
  • (免费领源码)python#django#mysql公交线路查询系统85021- 计算机毕业设计项目选题推荐
  • (四)docker:为mysql和java jar运行环境创建同一网络,容器互联
  • (原創) 如何安裝Linux版本的Quartus II? (SOC) (Quartus II) (Linux) (RedHat) (VirtualBox)
  • (转)EOS中账户、钱包和密钥的关系
  • **PHP分步表单提交思路(分页表单提交)
  • .h头文件 .lib动态链接库文件 .dll 动态链接库
  • .NET 3.0 Framework已经被添加到WindowUpdate
  • .NET 8.0 发布到 IIS
  • .NET 将多个程序集合并成单一程序集的 4+3 种方法
  • .NET 设计模式—适配器模式(Adapter Pattern)
  • .net经典笔试题
  • [Android] Upload package to device fails #2720