AngularJS--day01介绍使用基本语法
<!DOCTYPE html> <html ng-app> <head> <meta charset="utf-8"> <title>JS基本API</title> <script src="angular.js"></script> </head> <body> <script> /* 1. 边界指令(自己起的名字)ng-app 描述:AngularJS框架在使用的时候需要引入框架文件之外,还需要为框架指明一个边界 告知框架在哪个范围内生效。如果不使用边界指令进行声明,则AngularJS框架引入失败 习惯上写在html标签之内,表示在当前页面中angularJS都能正常使用 语法:<html ng-app></html> 注意:边界指令是使用NG框架必须使用的一个指令,不写一定使用错误 2.呈现指令{{}} 描述:NG框架规定{{}}嵌套双花括号用来表示[内容呈现]功能 在{{}}中可以书写NG语法规则下的变量,字符串甚至表达式 3.信息指令ng-model 描述:NG框架规定ng-model用来对input或者textarea这类 用于收集用户信息的标签进行数据绑定 ng-model所赋的值,即为[保存有用户输入内容的ng变量] 4.绑定指令ng-bind 描述:NG框架中提供了一个用对非输入性的标签使用的 类似于{{}}呈现指令的辅助指令 作用是能够将ng变量绑定到想要显示的标签之上, 并且在ng框架架子啊失败的时候末页不会直接将语法错误暴露出来 语法<span ng-bind='message'></span> */ </script> </body> </html>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?