美文网首页iOS学习笔记iOS Developer
数据的绑定 --- 双向绑定

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

作者: 嗯嗯_7a53 | 来源:发表于2017-06-07 23:02 被阅读0次
  • 数据双向绑定 : 视图的数据可以绑定到模型当中,模型的数据可以绑定到视图当中

  • 想要实现视图的数据绑定到模型当中,必须要借助表单才行,在表单中使用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>

相关文章

  • Vue 中的双向数据绑定

    双向绑定 单向数据流 双向绑定 or 单向数据流 Vue 是单向数据流,不是双向绑定 Vue 的双向绑定是语法糖 ...

  • Vue之表单双向数据绑定和组件

    三、表单双向数据绑定和组件 目录:双向数据绑定、组件 1.双向数据绑定 1)什么是双向数据绑定Vue.js是一个M...

  • [转] DataBinding 数据绑定

    数据绑定分为单项绑定和双向绑定两种。单向绑定上,数据的流向是单方面的,只能从代码流向 UI;双向绑定的数据是双向的...

  • Vue入门(二)——数据绑定

    一、什么是双向数据绑定 双向数据绑定是Vue的核心功能之一。所谓双向数据绑定是指:HTML标签上的数据绑定到Vue...

  • Vue双向数据绑定v-model

    v-model 数据双向绑定用作双向数据绑定 一、组件内部双向数据绑定 1、在实例的data中,设置content...

  • Vue和React数据绑定对比

    在数据绑定上来说,vue的特色是双向数据绑定,而在react中是单向数据绑定。 一 单向和双向数据绑定其实不是完全...

  • 02Vue.js的数据绑定

    理解Vue的双向数据绑定 Vue有一个显著的地方就是它拥有双向数据绑定功能,那么何为双向数据绑定呢?双向是指:HT...

  • vue源码探究(第六弹)

    vue源码探究(第六弹) 继续之前的,差不多到最后一part了,数据的双向绑定。 双向数据绑定 双向数据绑定是建立...

  • vue双向数据绑定

    一、单选框的数据双向绑定 二、复选框的双向数据绑定

  • 02Vue.js快速入门-Vue入门之数据绑定

    2.1. 什么是双向绑定? Vue框架很核心的功能就是双向的数据绑定。 双向是指:HTML标签数据 绑定到 Vue...

网友评论

    本文标题:数据的绑定 --- 双向绑定

    本文链接:https://www.haomeiwen.com/subject/nvzafxtx.html