<!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
-->
使用NG实现双边数据绑定
最新推荐文章于 2021-06-16 22:26:47 发布