发表于: 2017-01-14 00:02:57

1 1464


今天完成的事情:看了angular  双向数据绑定 看大木大神的视频 跟着码

明天计划的事情:继续码 一些实例

遇到的问题:

收获

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="angular.min.js"></script>
<script src="angular-route.min.js"></script>
<script src="angular-animate.min.js"></script>
<script src="xxx.js"></script>

angular怎么插入使用

然后双向绑定  跟着码看一个实例 然后看懂

<div class="panel-body">
<div class="row">
<div class="col-md-12">
<form class="form-horizontal" role="form" ng-controller="UserInf">
<div class="form-group">
<label class="col-md-2 control-label">
邮箱:
</label>
<div class="col-md-10">
<input ng-model="userInfo.email" type="email" class="form-control"placeholder="推荐使用QQ邮箱">
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">
密码:
</label>
<div class="col-md-10">
<input ng-model="userInfo.password" type="password" class="form-control"placeholder="不能使用符号,文字,下划线">
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<div class="checkbox">
<label>
<input ng-model="userInfo.autoas" type="checkbox">自动登录
</label>
</div>
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<button class="btn btn-default" ng-click="getFormData()">获取form表单的值</button>
<button class="btn btn-default" ng-click="setFormData()">设置form的值</button>
<button class="btn btn-default" ng-click="qetFormData()">返回初始的值</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
var userInfoModule=angular.module("userInfoModule",[]);
userInfoModule.controller("UserInf",["$scope",function ($scope) {
$scope.userInfo={
email:"22626262626@qq.com",
password:"2166262626",
autoas:true
   };
$scope.getFormData=function(){
console.log($scope.userInfo)
}
$scope.setFormData=function(){
$scope.userInfo={
email:"764506248@qq.com",
password:"2166262626",
autoas:false}
}
$scope.qetFormData=function(){
$scope.userInfo={
email:"22626262626@qq.com",
password:"2166262626",
autoas:true}
}
}]);



返回列表 返回列表
评论

    分享到