34.angularJS的{{}}和ng-bind

最新推荐文章于 2025-12-22 21:38:10 发布

转载最新推荐文章于 2025-12-22 21:38:10 发布 · 57 阅读

文章标签：

#javascript #ViewUI

本文通过一个简单的 AngularJS 示例介绍了如何使用 ng-app 和 ng-init 指令初始化应用及数据，同时展示了如何利用 ng-bind 和双大括号语法进行数据绑定。

转自：https://www.cnblogs.com/best/tag/Angular/

1、

 1 <html>
 2 
 3 <head>
 4     <meta charset="utf-8">
 5     <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
 6 
 7 </head>
 8 
 9 <body>
10 
11     
12     <div ng-app="" ng-init="firstName='John';lastName='Doe'">
13         
14         <p>姓名：<span ng-bind="firstName+'   '+lastName "></span></p>
15         <p>{{firstName+'   '+lastName }}</p>
16     </div>
17 </body>
18 
19 </html>