AngularJs 学习 笔记
浏览数：25 /
时间：2015年06月09日
<div ng-app="" ng-init="firstName=‘John‘">
<p>在输入框中尝试输入：</p>
<p>姓名：<input type="text" ng-model="firstName"></p>
<p>你输入的为： {{ firstName }}</p>
</div>
ng-app 指令告诉 AngularJS，<div> 元素是 AngularJS 应用程序 的"所有者"。
Note 一个网页可以包含多个运行在不同元素中的 AngularJS 应用程序。
ng-repeat 指令会重复一个 HTML 元素：
<div ng-app = "" ng-init = "names=[‘s‘,‘sd‘,‘sds‘,‘sds‘,‘ss‘]"> <p> </div>
AngularJS 控制器 控制 AngularJS 应用程序的数据。
AngularJS 控制器是常规的 JavaScript 对象。
<div ng-app="" ng-controller="personController">
名： <input type="text" ng-model="person.firstName"><br>
姓： <input type="text" ng-model="person.lastName"><br>
<br>
姓名： {{person.firstName + " " + person.lastName}}
</div>
<script>
function personController($scope) {
$scope.person = {
firstName: "John",
lastName: "Doe"
};
}
</script>
AngularJS 应用程序由 ng-app 定义。应用程序在 <div> 内运行。
ng-controller 指令把控制器命名为 object。
函数 personController 是一个标准的 JavaScript 对象的构造函数。
控制器对象有一个属性：$scope.person。
person 对象有两个属性：firstName 和 lastName。
ng-model 指令绑定输入域到控制器的属性（firstName 和 lastName）。
<div ng-app="" ng-controller="personController">
姓： <input type="text" ng-model = "person.firstname">
名： <input type = "text" ng-model="person.lastname">
{{person.fullname()}}
{{fullname2()}}
</div>
<script>
function personController($scope){
$scope.person ={
firstname:"hello",
lastname:"world",
fullname:function(){
var obj = $scope.person;
return obj.firstname +" "+obj.lasrname;
}
};
$scope.fullname2 = function(){
var obj = $scope.person;
return obj.firstname +" "+obj.lasrname;
}
}
</script>
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
