【AngularJS】model模型操作

最新推荐文章于 2019-08-21 17:37:26 发布

陶洲川

最新推荐文章于 2019-08-21 17:37:26 发布

阅读量1.6k

点赞数 1

分类专栏：【基础】文章标签： angularJS module model controller

本文链接：https://blog.csdn.net/River_Continent/article/details/72769867

版权

【基础】专栏收录该内容

229 篇文章 1 订阅

订阅专栏

菜鸟教程上有相应的练习，这里补充一点说明性的东西；

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script> 
	
</head>
<body>
	<div ng-app="myApp" ng-controller="myCtrl">
	姓名:<input ng-model="name">
	</div>
	<script>
		var app=angular.module('myApp',[]);
		app.controller('myCtrl',function($scope){
			$scope.name="陶洲川";
		});
	</script>
	<p>使用 ng-model 指令来绑定输入域的值到控制器的属性。</p>
</body>
</html>

ng-app：绑定应用程序；

ng-controller：绑定控制器；

ng-model:绑定模型；

结合本案例：
var app=angular.module('myApp',[ ])在angular下的组件中定义app变量，括号内要用单引号引入app应用程序的名字；中括号表示作用操作方法；

给app开创了空间之后，app可以调用控制器来处理；有很多控制器啊，具体使用那个控制器，所以括号内第一个参数用单引号引入具体的控制器，第二个参数是控制器中的控制方法；

$scope调用name属性，将赋值给name；

陶洲川

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
【AngularJS】model模型操作

菜鸟教程上有相应的练习，这里补充一点说明性的东西；姓名: var app=angular.module('myApp',[]); app.controller('myCtrl',function($scope){ $scope.name="陶洲川"; }); 使用 ng-model 指令来绑定输入域的值到控制器的属性。ng-ap
复制链接

扫一扫