<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<!--angularJS关注的不再是DOM模型，而是数据本身 -->
<!-- 告诉angular去监管哪块区域，ng-app（指令）写在body上，body已经被angularJS监管，body中所有用angularJS语法写的东西都会被识别 -->
<!-- $rootScope:根作用域 -->
<!-- ng-model(指令):它设置了一个属性，是属于根作用域对象的一个属性，属性名：username，属性值：input的value -->
<body ng-app="">
<!-- 将这个input中的内容设置为一个模型，这个模型的名字为username -->
<input id="i1" type="text" ng-model="username" /><br>
<!-- 用户名：<span id="s1"></span> -->
<!-- {{模型名}}通过这种方式来进行调用 -->
<!-- angular中的表达式语法：{{属性名}} -->
用户名：<span>{{username}}</span>
</body>
<!-- <script src="../images/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script> -->
<script type="text/javascript" src="js/angular.min-1.2.9.js" charset="UTF-8"></script>
<!-- jQuery实现 -->
<!-- <script type="text/javascript">
$(function(){
$("#i1").bind("keyup",function(){
/* this取到的dom对象，需要转为jQuery对象 */
/* alert(this.val()); */
/* dom对象转为jQuery对象 */
$("#s1").html($(this).val());
});
});
</script> -->
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· AI与.NET技术实操系列：基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 25岁的心里话
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 零经验选手，Compose 一天开发一款小游戏！
· 一起来玩mcp_server_sqlite，让AI帮你做增删改查！！