Angularjs学习（二）：Angularjs-02入门小demo-双向绑定

最新推荐文章于 2019-08-10 15:42:25 发布

程序员阿清

最新推荐文章于 2019-08-10 15:42:25 发布

阅读量190

点赞数

分类专栏： Angularjs 文章标签： angularjs ng-model 双向绑定

本文链接：https://blog.csdn.net/it_you_know/article/details/81738591

版权

Angularjs 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Angularjs-02入门小demo 双向绑定</title>
		<script src="js/angular.min.js"></script>
	</head>
	<body ng-app>
		请输入你的姓名：<input ng-model="myname" />
		<br />
		{{myname}},你好。
	</body>
</html>

执行结果如下：

注意：

ng-model 指令用于绑定变量,这样用户在文本框输入的内容会绑定到变量上，而表达式可以实时地输出变量。
如果你输入的是中文，输入完以后则需要打一个空格或者按一下enter键，表达式才可以里的内容才可以出来

优惠劵

程序员阿清

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Angularjs学习（二）：Angularjs-02入门小demo-双向绑定

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Angularjs-02入门小demo 双向绑定&lt;/title&gt; &lt;script src="js/angular.min.js"&gt;&
复制链接

扫一扫