首页 > 代码库 > argunlar 1.0.1 【数据绑定】
argunlar 1.0.1 【数据绑定】
<!DOCTYPE html>
<html lang="en" ng-app>
<head>
<meta charset="UTF-8">
<title>hellp</title>
<script type="text/javascript" src="http://www.mamicode.com/angular.js"></script>
<script type="text/javascript" src="http://www.mamicode.com/controller/helloCtrl.js"></script>
</head>
<body>
<div ng-controller="HelloController">
<input ng-model="greeting.text">
<p>{{greeting.text}},angularJs</p>
</div>
<script>
function HelloController($scope) {
$scope.greeting = {
text: "hello world"
};
}
</script>
</body>
</html>
在这个例子里面,我们的ctrl不改动的情况下。让它变成动态的!
现在刚进入界面的时候,控制层会给模型赋予一次值,之后就不会在修改它了。所以默认显示的是 hello world,angularJS
这个时候,在输入框中自己手动修改一些文本,你会发现新奇之处哦!
argunlar 1.0.1 【数据绑定】