码迷,mamicode.com
首页 > 其他好文 > 详细

Angular基础(二)

时间:2017-06-25 21:22:15      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:双向   利用   使用   一个   属性   tle   get   microsoft   mil   

双向数据

利用angular把input框里面的值和h3的值绑定在一起。在input里输入内容,内容会在h3标签里显示出来。

具体效果请看下面代码:

  <!DOCTYPE html>
  <html>
  <head>
  <meta charset="UTF-8">
  <title></title>
  </head>
  <body ng-app="app">
  <!--ng-controller控制器控制的就是angular应用程序的数据 常规的js对象
  move函数是一个js函数
  -->
  <div ng-controller="move">
  <input type="text" ng-model="name"/>
  <h3>{{name}}</h3>
  </div>
  </body>
  <script type="text/javascript" src="js/angular.min.js" ></script>
  <script type="text/javascript">
  var app = angular.module("app",[]);
  // 使用$scope来调用控制器
  // $scope相当于作用域 控制范围
  app.controller("move",function($scope){
  $scope.name = "abcd"
  })
  // mvc m:model 模型 即当前视图中可用的数据
  // v:view 视图 即html
  // c:controller 控制 即js函数,可以添加和修改的属性
  </script>
  </html>

Angular基础(二)

标签:双向   利用   使用   一个   属性   tle   get   microsoft   mil   

原文地址:http://www.cnblogs.com/weiyz/p/7077888.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!