AngularJS基础
来源:互联网 发布:java框架批量添加数据 编辑:程序博客网 时间:2024/05/22 04:40
http://www.ituring.com.cn/article/15764
**$watch(watchExpression, listener, objectEquality)
Registers a listener
callback to be executed whenever the watchExpression
changes.
Radio
<label class="radio inline">
<input type="radio" ng-model="ngrdo" value="DDNS" ng-disabled="!ngchk0">{{}}
</label>
<label class="radio inline">
<input type="radio" ng-model="ngrd0" value="DHCP" ng-disabled="disrdo">{{}}
</label>
ng-repeat--对一行里的列元素运用
<tr >
<td ng-repeat="item in generalInfoStr.STR_CONNECT_HEADER">
<span ng-bind="item"></span>
</td>
</tr>
ng-class
- <png-class="{strike: deleted, bold: important, red: error}">Map Syntax Example</p>
- <inputtype="checkbox"ng-model="deleted"> deleted (apply "strike" class)<br>
- <inputtype="checkbox"ng-model="important"> important (apply "bold" class)<br>
- <inputtype="checkbox"ng-model="error"> error (apply "red" class)
- style.css
- .strike{
- text-decoration: line-through;
- }
- ng-style
- <inputtype="button"value="set"ng-click="myStyle={color:'red'}">
- <inputtype="button"value="clear"ng-click="myStyle={}">
- <br/>
- <spanng-style="myStyle">Sample Text</span>
date
{{1288323623006 | date:'medium'}}: Oct 29, 2010 11:40:23 AM
{{1288323623006 | date:'yyyy-MM-dd HH:mm:ss Z'}}: 2010-10-29 11:40:23 +0800
{{1288323623006 | date:'MM/dd/yyyy @ h:mma'}}: 10/29/2010 @ 11:40AM
定义module和controller,controller是module的属性
var myAppModule = angular.module('myApp', []);
myAppModule.controller('TextController', function($scope) {
var someText = {};
someText.message = 'You have started your journey.';
$scope.someText = someText;
});
AngularJS脚本标签
这行代码载入angular.js脚本,当浏览器将整个HTML页面载入完毕后将会执行该angular.js脚本,angular.js脚本运行后将会寻找含有ng-app
指令的HTML标签,该标签即定义了AngularJS应用的作用域。<scriptsrc="lib/angular/angular.js"></script>
迭代器<ul>
<ling-repeat="phone in phones">
{{phone.name}}
<p>{{phone.snippet}}</p>
</li>
</ul>
http://damoqiongqiu.iteye.com/blog/1917971
<body>
<hello></hello>
</body>
script src="../angular-1.0.3/angular.min.js"></script>
<script src="HelloDirect.js"></script>
</html>
var appModule = angular.module('app', []);
appModule.directive('hello', function() {
return {
restrict: 'E',
template: '<div>Hi there</div>',
replace: true
};
});
ng-click
<button ng-click="insertTom()">Insert</button>
AJAX实现
$http({
method: 'GET',
url: ''
}).
success(function(data, status) {
eval(data);
}
}).
error(function(data, status) {
});
$http信息交互,success进行正常处理,从data中获得数据;error异常处理。
input checkbox
<label class="checkbox">
<input type="checkbox" ng-model="ngNTPMode" ng-click='enableNTP()'>{{commonInfoStr.autoCfgNtpNote}}</label>
设置选中状态:
$scope.ngNTPMode=true;//选中
$scope.ngNTPMode=false;//未选中
input text
<input id="idtxtNTPServer" ng-model="ngNTPServer" class="classicTxtBox" type="text" maxlength="255">
内容赋值:$scope.ngNTPServer=value;
$scope+字符串连接访问元素
$scope["ngchkSMTPEnable"+server]
angular select
<select ng-model="nglstLANChannel" id="idlstLANChannel" class="smallclassicTxtBox" ng-options="c.CHANNEL_NUM for c in SMTPCFG_DATA" ng-change="reloadSMTPCfg()">
$scope.nglstLANChannel获取的是当前选项所指向的SMTPCFG_DATA数组中的一个对象,所以可以用这个东西获取当前对象的任意一个元素,如$scope.nglstLANChannel.CHANNEL_NUM
$scope.nglstLANChannel = $scope.SMTPCFG_DATA[0],对select进行初始化选择。
<a href="" class="btn" ng-disabled="true">
ng-disabled对<a>不起作用
{{}}在界面显示源码
1.用ng-bind替代
2.用在前面加ng-cloak标志
- AngularJS基础
- AngularJs基础
- AngularJS基础
- AngularJS基础
- AngularJS基础
- AngularJS基础
- AngularJs基础
- AngularJs基础
- AngularJs基础
- AngularJS基础讲解-AngularJS简介
- angularJS 基础回顾
- 03基础-AngularJS基础教程
- angularjs基础—scope
- AngularJs 基础与进阶
- AngularJS表单基础
- AngularJS 基础点
- AngularJS基础---模块
- 一步一步弄懂angularJS基础
- Oracle 百万行数据查询优化(未看)
- transient 关键字用途介绍
- java
- 四大免费magento支付接口扩展
- android 设置窗口大小
- AngularJS基础
- 如何通过邮件给设计师有建设性的反馈
- continue语句的使用
- pthread_cond_signal
- 员工 一
- Git 常用命令
- 关于java一些打包发布可执行文件工具(exe4j+install4j)
- Vc2013实战(2) 彻底厘清C运行库的涵义
- 2013年10月28日-11月1日计划