数据的绑定 --- 双向绑定

  • 数据双向绑定 : 视图的数据可以绑定到模型当中,模型的数据可以绑定到视图当中

  • 想要实现视图的数据绑定到模型当中,必须要借助表单才行,在表单中使用ng-model指令,在input标签当中绑定属性

<body ng-app='app' ng-controller='xmgConreoller'>

<h1>{{name}}</h1>

<input type='text' ng-model=''userName>

<input type='password' ng-model='pwd'>

<button ng-click='login()'>登陆</button>
</body>
<script>
var app = angular.module('app',[]);
app.controller('xmgController',['$scope',function($scope){
$scope.name = 'hu';
// 事件的实现
$scope.login = function(){
// 点击时可以直接打印视图绑定到模型当中的数据
alert($scope.userName+$scope.pwd);
};
}]);
</script>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • AngularJS是什么?AngularJs(后面就简称ng了)是一个用于设计动态web应用的结构框架。首先,它是...
    200813阅读 5,555评论 0 3
  • 基础ng属性指令 ng-hrefng-srcng-disabledng-checkedng-readonlyng-...
    JUN_API阅读 3,427评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,314评论 19 139
  • 版本:Angular 5.0.0-alpha 表单是商业应用的支柱,我们用它来执行登录、求助、下单、预订机票、安排...
    soojade阅读 5,033评论 0 1
  • 岁月荏苒了几个春秋。不畏将来,不念过去,有多少人在原本的道路上看不清,走着走着就散了。然而记忆永远冲刷不掉,曾经的...
    62618574ed14阅读 5,577评论 1 4