使用NG实现双边数据绑定

最新推荐文章于 2023-05-15 16:19:29 发布

python基础教程

最新推荐文章于 2023-05-15 16:19:29 发布

阅读量354

点赞数

本文链接：https://blog.youkuaiyun.com/stopcpp/article/details/55668965

版权

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Angular Hello world</title>
    </head>
    <body ng-app>
        <h1>使用NG实现双边数据绑定</h1>
        <p><input type="text" placeholder="请输入你的姓名" ng-model="username"></p>
        <p>hello <strong>{{username}}</strong></p>
        <script src="bower_components/angular/angular.js"></script>
    </body>
</html>
<!--
    案例解析
    当网页加载完毕，AngularJS自动开始执行
    HTML页面中，ng-xxx的属性称之为指令directive
    ng-app指令告诉AngularJS，<div>元素是AngularJS应用程序管理的边界
    ng-model指令把文本框的值绑定到变量name上
    {{name}}表达式就是把应用吃呢供需变量name绑定到某个段落的innerHTML
-->