AngularJS入门-(3)hello world
来源:互联网 发布:linux ftp ip地址 编辑:程序博客网 时间:2024/05/22 01:52
第1步:加载框架
<script src="https://cdn.bootcss.com/angular.js/1.6.3/angular.min.js"></script>
第2步:使用ng-app指令定义AngularJS应用
<div ng-app="">...</div>
第3步:用 ng-model指令定义的模式名称
<input type="text" ng-model="name">
第4步:用ng-bind指令将上述模型中的值绑定定义
<h1>Hello {{name}}</h1>
实例:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcss.com/angular.js/1.6.3/angular.min.js"></script></head><body><!--ng-app 指令告诉 AngularJS,<div> 元素是 AngularJS 应用程序 的"所有者"。--><div ng-app=""> <!-- ng-model 指令把输入域的值绑定到应用程序变量 name。--> <p>名字 : <input type="text" ng-model="name"></p> <h1>Hello {{name}}</h1></div></body></html>
阅读全文
0 0
- AngularJS入门-(3)hello world
- (一)AngularJS入门贴之Hello World
- [angularjs]hello world
- AngularJS-Hello World
- AngularJS Hello World!
- Hello World 之 AngularJS
- Hello world ----------AngularJS示例
- Angularjs 开始之Hello world
- 通过Hello World学习AngularJS
- angularjs的hello world程序
- TQ2440驱动-hello world(入门,注意事项)
- Emacs 入门指引(四) Hello,World
- Velocity之Hello World(入门实例)
- JavaBean 之Hello World(入门实例)
- TQ2440驱动-hello world(入门,注意事项)
- 第一章 JAVA入门(Hello World)
- GitHub 翻译系列----入门(Hello World)
- (快速入门4)创建 Hello World
- 项目一
- matlab 中K折交叉验证crossvalind函数的理解
- 面试题:HTML语义化的理解
- iOS 控件宽高字体大小适配方法
- SQL索引优化1(索引的概念及技巧)
- AngularJS入门-(3)hello world
- 设计模式-外观模式
- tensorflow object detection 模型测试
- 大数据的75个名词解释
- Install VSFTPD server in Ubuntu 16.04 LTS
- 人和人的差距
- datacleaner第二部分,四、五、六、七章
- C语言sscanf的用法
- 遇到Expected one result (or null) to be returned by selectOne(), but found: 2怎么解决