博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
初学angular.js
阅读量:5050 次
发布时间:2019-06-12

本文共 669 字,大约阅读时间需要 2 分钟。

<!doctype  html>

<html ng-app>
   <head>
    <meta charset="utf-8" />
    <title>angular</title>
    <script src="angular.js" /></script>
   </head>
   <body>
     Your name: <input type="text" ng-model="yourname" placeholder="World">
      Hello {
{yourname || 'World'}}!
      Hello {
{'world'}}
   </body>
</html>

引入angular.js 在html里面标记ng-app。输出的结果就是hello world

angular的双向绑定概念,绑定ng-model="yourname",plarceholder为默认值。

hello {

{'world'}}的输入结果为hello world.

注意,使用双大括号标记{

{}}的内容是问候语中绑定的表达式,这个表达式是一个简单的字符串‘World’。嘿嘿,这是官方的写法。我直接拿过来了。因为我这也是初次研究,先记下来吧。

hello {

{yourname || 'world'}} 的输出结果为:文本框内默认为world时,输出的是hello world.

自己重新输入的话,就会实时更新为您所输入的文字,好神奇。

接下来一起学习angular.js.

转载于:https://www.cnblogs.com/jimi/p/4317765.html

你可能感兴趣的文章
mysqladmin
查看>>
解决 No Entity Framework provider found for the ADO.NET provider
查看>>
SVN服务器搭建和使用(三)(转载)
查看>>
Android 自定义View (三) 圆环交替 等待效果
查看>>
设置虚拟机虚拟机中fedora上网配置-bridge连接方式(图解)
查看>>
HEVC播放器出炉,迅雷看看支持H.265
查看>>
[置顶] Android仿人人客户端(v5.7.1)——人人授权访问界面
查看>>
Eclipse 调试的时候Tomcat报错启动不了
查看>>
【安卓5】高级控件——拖动条SeekBar
查看>>
ES6内置方法find 和 filter的区别在哪
查看>>
Android入门之文件系统操作(二)文件操作相关指令
查看>>
Android实现 ScrollView + ListView无滚动条滚动
查看>>
Swift 中的指针使用
查看>>
Swift - 使用闭包筛选过滤数据元素
查看>>
alue of type java.lang.String cannot be converted to JSONObject
查看>>
搜索引擎选择: Elasticsearch与Solr
查看>>
JAVA设计模式之简单工厂模式与工厂方法模式
查看>>
③面向对象程序设计——封装
查看>>
【19】AngularJS 应用
查看>>
Spring
查看>>