AngularJS：Web 前端框架

AngularJS：Web 前端框架

使用示例

<!-- 引入依赖 -->
<script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script>

<!-- ng-app 定义一个 AngularJS 应用程序 -->
<div ng-app="">
  <!-- ng-model 把元素值绑定到应用程序 -->
  <input type="text" ng-model="name" />
  <h1>Hello {{name}}</h1> <!-- ng-bind 把应用程序数据绑定到 HTML 视图 -->
  <p ng-bind="name"></p>
</div>

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
 

渲染结果

<div ng-app="" class="ng-scope">
  <!-- ng-model 把元素值绑定到应用程序 -->
  <input type="text" ng-model="name" class="ng-valid ng-not-empty ng-dirty ng-valid-parse ng-touched">
  <h1 class="ng-binding">Hello world</h1> <!-- ng-bind 把应用程序数据绑定到 HTML 视图 -->
  <p ng-bind="name" class="ng-binding">world</p>
</div>

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
 

参考
菜鸟教程 - AngularJS 教程

文章来源: pengshiyu.blog.csdn.net，作者：彭世瑜，版权归原作者所有，如需转载，请联系作者。

原文链接：pengshiyu.blog.csdn.net/article/details/116932719