select ipnut双向数据绑定用法

Posted yaomengli

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了select ipnut双向数据绑定用法相关的知识,希望对你有一定的参考价值。

   <script src="../angular-1.5.5/angular.min.js"></script>
</head>
<body ng-app="" ng-init="useName=‘小花猫‘ ;grader=‘17‘;grade=‘3‘">
{{useName}}
{{grader}}
<p ng-bind="grade"></p>
<p ng-bind="useName"></p>
<span ng-bind="grader"> </span>
<!--<input type="text" ng-model="useName"/>-->
<p>欢迎,<span ng-bind="useName"></span></p>
<label ng-model="uesName"></label>
<input type="text" ng-model="useName"/>
改变select
<select name="" id="" ng-model="grade">
<option value="0">一年级</option>
<option value="1">二年级</option>
<option value="2">三年级</option>
<option value="3">四年级</option>
</select>

以上是关于select ipnut双向数据绑定用法的主要内容,如果未能解决你的问题,请参考以下文章

Vue表单输入绑定

VueJs 指令双向绑定

Vue3的双向绑定是如何实现的

Vue父子组件双向数据绑定

如何在角度6的下拉列表中设置双向绑定数据?

vue框架——双向数据绑定