angular中ng-bind指令小案例

最新推荐文章于 2025-09-05 11:22:47 发布

weixin_30855099

最新推荐文章于 2025-09-05 11:22:47 发布

阅读量91

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lsy0403/p/5928004.html

本文通过一个简单的AngularJS示例介绍了如何使用AngularJS框架来实现数据绑定。该示例展示了如何设置基本的AngularJS环境，并利用ng-app指令定义模块，通过ng-bind指令将数据模型中的消息绑定到HTML元素上。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="angular/angular.js"></script>
</head>
<body ng-app="myApp">
  <span ng-bind="msg"></span>
  <br/>
  <!--<input type="text" ng-model="msg"/>-->


<script>
    var app=angular.module("myApp",[]);
      app.run(function($rootScope){
          $rootScope.msg="hello,word" ;
      })
</script>
</body>
</html>

转载于:https://www.cnblogs.com/lsy0403/p/5928004.html