Angular——Angular day01(数据双向绑定)

dbt@L

已于 2022-07-10 10:54:42 修改

阅读量103

点赞数

分类专栏： Angular 文章标签： angular.js 前端 javascript

于 2020-08-26 21:13:54 首次发布

本文链接：https://blog.csdn.net/qq_43201350/article/details/106087217

版权

Angular 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

ng-model 是双向数据绑定
{{}} 是单向数据绑定
ng-init 用来初始化当前作用域变量
例子：

 <body ng-app ng-init="name='nihao'">
<input type="text" ng-model="name">
<p>内容为：<span>{{name}}</span></p>
<script type="text/javascript" src="../../js/angular-1.2.29/angular.js"></script>
</body>

效果如图：
在这里插入图片描述
ng-init 把nihao传递给name, 而 ng-model 又让name又在span中显示出来。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dbt@L

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Angular——Angular day01(数据双向绑定)

ng-model 是双向数据绑定{{}} 是单向数据绑定ng-init 用来初始化当前作用域变量例子： <body ng-app ng-init="name='nihao'"><input type="text" ng-model="name"><p>内容为：<span>{{name}}</span></p><script type="text/javascript" src="../../js/angular-1
复制链接

扫一扫