AngularJS第一篇 ------------- 我的第一个demo

Just_for_fun_208

于 2015-08-23 10:42:53 发布

阅读量573

点赞数

分类专栏：技术篇文章标签： AngularJS web前端界面

本文链接：https://blog.youkuaiyun.com/Just_for_fun_208/article/details/47903861

版权

技术篇专栏收录该内容

8 篇文章

订阅专栏

angularJs最装逼也是最简洁的一点就是交互界面和展示界面是在一起写的，其他的框架一般是分开写的，下面是一个demo

<!doctype html>

<html ng-app>
<head>
    <script src="angular-1.4.0-rc.2/angular.min.js"></script>
</head>
<body>
    <div>
      <input type="text" ng-model="yourName" placeholder="Enter a name here">
      <h1>Hello, 208-- {{ yourName }}!</h1>
    </div>
</body>

</html>

（稍后补上angularjs的javascript包，大家也可以替换为google的angularJs的地址：

https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js，如下：

 
  <!doctype html> 
 
  <html ng-app> 
 
  <head> 
 
  <script src= 
  "https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js" 
  ></script> 
 
  </head> 
 
  <body> 
 
  <div> 
 
  <input type= 
  "text" 
  ng-model= 
  "yourName" 
  placeholder= 
  "Enter a name here" 
  > 
 
  <h1>Hello, {{ yourName }}!</h1> 
 
  </div> 
 
  </body> 
 
  </html>