AngularJS-1-helloworld
来源:互联网 发布:网络短信免费发送 编辑:程序博客网 时间:2024/06/08 15:29
JS:
<ul>
<li>姓:<input type="text" id="xingInput"></li>
<li>名:<input type="text" id="mingInput"></li>
<li>Hello<b id="nameView"></b></li>
<li>姓:<a href="#" id="showButton">輸出姓名</li>
</ul>
<script>
var xing = document.getElementById("xingInput");
var ming = document.getElementById("mingInpiut“);
var showButton = document.getElementById("showButton");
showButton.onclick = function(){
var name = xing.value + " " + ming.value;
var nameView = document.getElementById("nameView");
nameView.innerHTML = name;
return false;
}
</script>
AngularJS:
<html ng-app>
<ul>
<li>姓:<input type="text" ng-model="xing"></li>
<li>名:<input type="text" ng-model="ming"></li>
<li>Hello<b >{{xing || ” “}}{{ming || ” “}}</b></li>
</ul>
<script src=”scripts/angular-1.1.1.min.js“></script>
- AngularJS-1-helloworld
- AngularJs-HelloWorld
- AngularJS教程 AngularJS从0到1——HelloWorld
- AngularJS的helloworld
- 【AngularJS】入门的HelloWorld
- angularjs之helloworld
- AngularJS简单的helloworld示例
- AngularJs之helloWorld,初步了解control
- 酷酷的前端MVC框架AngularJS(二)HelloWorld
- 酷酷的前端MVC框架AngularJS(二)HelloWorld
- AngularJs学习记录--双向数据绑定的HelloWorld!
- Angularjs-1
- AngularJS 1
- angularJs(1)
- [AngularJS 1] Introduction to AngularJS
- Qt教程1-HelloWorld
- Simple 4.0.1 HelloWorld
- C++背后-Helloworld[1]
- python小程序-0004
- 电信联通共享检测技术及防封杀
- 最优化问题-梯度下降(Gradient Descent)算法&样例代码以及相关扩展
- hog matlab代码1——实现hog+svm图像二分类
- 学习springmvc的第十天(保存)
- AngularJS-1-helloworld
- ubuntu 16.04 搭建 pptp vpn
- 六.scrapy crawlspider
- Makefile:160: recipe for target 'all' failed (Ubuntu 16.06 + Opencv3.2)解决办法
- VC++常用命名法和宏定义
- 设计模式->行为型模式->状态模式
- iOS之一则形象说明,完美诠释内存管理机制
- Java常量的探索
- 浅谈协方差矩阵