argunlar 1.0.1 【数据绑定】

<!DOCTYPE html>
<html lang="en" ng-app>
<head>
    <meta charset="UTF-8">
    <title>hellp</title>
    <script type="text/javascript" src="angular.js"></script>
    <script type="text/javascript" src="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

这个时候,在输入框中自己手动修改一些文本,你会发现新奇之处哦!

通过分享,结交好友~ 如本文对您有益,请给予关注。转载请注明出处!-- 小数
原文地址:https://www.cnblogs.com/mcat/p/4031713.html