[angularjs] angularjs系列笔记（一）简介
[angularjs] angularjs系列笔记（一）简介
唯一Chat
发布于 2019-09-10 11:16:03
发布于 2019-09-10 11:16:03
Angularjs通过新的属性和表达式扩展了html
Andularjs 可以构建一个单一页面的应用程序（SPAS SinglePageApplications）
Angularjs通过指令扩展了html，通过表达式绑定数据到html
ng-app指令定义Angularjs的应用程序
ng-model指令绑定元素值到应用程序
ng-bind指令把应用程序数据绑定到html视图
<div ng-app="">
<input type="text" ng-model="name">
<p ng-bind="name"></p>
</div>AngularJs的指令是以ng作为前缀的html属性
ng-init指令初始化AngularJs应用程序的变量
AngularJs的表达式写在双大括号内：{{表达式}}
AngularJs的表达式把数据绑定到html，这与ng-bind指令有异曲同工之妙
AngularJs将在表达式输出的定义的位置输出数据
<div ng-app="" ng-init="myName='taoshihan'">
<input type="text" ng-model="name">
<p ng-bind="name"></p>
<p ng-bind="myName"></p>
<p>{{5+5}}</p>
</div>AngularJs模块（Module）定义了AngularJs应用
AngularJs控制器（Controller）用于控制AngularJs应用
ng-app指令定义了应用，ng-controller指令定义了控制器
<body>
<div ng-app="Home" ng-controller="index">
<p>{{myName}}</p>
</div>
</body>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script type="text/javascript">
//实例化应用对象，参数：模块名，空数组
var app=angular.module("Home",[]);
//调用应用对象的controller()方法，参数：控制器名，回调函数
app.controller("index",function($scope){
$scope.myName="taoshihan";
})
</script>本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2016-03-15 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读