【AngularJs-模块篇-Form篇】
2024-09-20 10:39:30
1、模块
<!doctype html>
<html lang="en-US" ng-app="myApp">
<head>
<meta charset="UTF-8">
<title></title>
<!-- <script src="http://code.angularjs.org/angular-1.0.1.min.js"></script> -->
<script src="../angular.min.js"></script>
<script type="text/javascript">
var myAppModule=angular.module('myApp',[]) ;
myAppModule.controller('TextController',function($scope){
var someText={};
someText.message="you have started";
$scope.someText=someText; }) ;
//ng-bind和{{someText}}具有相同功能
</script>
</head>
<body ng-controller="TextController">
<p ng-bind="someText"></p>
<input type="text" value="{{someText.message}}">
</body>
</html>
2、Form控件绑定（未完成）
<!doctype html>
<html lang="en-US" ng-app="myApp">
<head>
<meta charset="UTF-8">
<title></title>
<!-- <script src="http://code.angularjs.org/angular-1.0.1.min.js"></script> -->
<script src="../angular.min.js"></script>
<script type="text/javascript"> var myAppModule=angular.module('myApp',[]) ;
myAppModule.controller('StartUpController',function($scope){
$scope.computeNeeded=function(){
$scope.needed=$scope.startingEstimate*10;
};
$scope.requestFunding=function(){
window.alert("sorry,please get moure cutomers first");
};
$scope.reset=function(){
$scope.startingEstimate=0;
} ; }) ; </script>
</head>
<body>
<form ng-submit="requestFunding()" ng-controller="StartUpController">
Starting:<input ng-change="computeNeeded()" ng-model="startingEstimate">
Recommendation:{{needed}}
<button>Fund my startup!</button>
<button ng-click="reset()" value="reset">reset</button> </form> </body>
</html>
最新文章
- Angular2 小贴士-多级注入器
- 滤镜 filter：gray 变灰色
- 在Windows平台上绿色安装postgresQL
- iOS中文网址路径转换URLEncode
- 用FineReport报表系统构建资金监管平台
- 修改使用phpstorm创建的模板的默认注释
- sql 查询基本语法
- 配置域从DNS服务器以及缓存DNS服务器
- 过拟合(Overfitting)和正规化(Regularization)
- (手写识别) Zinnia库及其实现方法研究
- careercup-链表 2.5
- TNetHttpClient支持异步访问(Delphi 10.1 Berlin，红鱼儿的博客)
- css学习笔记1
- SQL笛卡尔积查询与关联查询性能对比
- 2018下C语言基础课第1次作业
- Tigase-02 tigase-server7.1.0使用git 克隆下来，并在eclipse 上运行调试
- Codeforces Gym 101291C【优先队列】
- char与unsigned char的区别
- Spring-IOC注解
- MySQL------报错Access denied for user 'root'@'localhost' (using password:NO)解决方法