首页 > 代码库 > 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 【数据绑定】