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>


原创粉丝点击