最近感觉自己前端实在是不足,还停留在大学html+css+javascritp阶段,实在是汗颜呀。
所以赶紧利用些空余时间来补补短,一博客形式来记录学习到的知识点。
#angular的基本属性
1、ng-app 指令定义了一个AngularJS应用程序----让html支持angular2、ng-model 指令把元素值(比如域的值)绑定到应用程序 ------用于绑定模型变量
3、ng-bind 指令把应用程序数据绑定到HTML视图 ---进行数据绑定
4、ng-init 指令初始化 AngularJS 应用程序变量 ----主要用于初始化模型数据
<div ng-app="" ng-init="name='test'">
<p>姓名为<span ng-bind="name"></span></p>
</div>
5、ng-controller 控制器属性是一个javascript对象,会接受一个$scope参数作为引用
6、ng-repeat 用于循环数组,格式:ng-repeat="subject in student.subjects"
@绑定应用程序数据属性
7、ng-disabled 禁用给定的控制(可用于空验证)
8、ng-show 显示一个给定的控制(可用于空验证)
9、ng-hide 隐藏一个给定的控制(可用于空验证)
10、ng-click 给angular一个click事件
11、其他angular事件:
ng-dbl-click
ng-mousedown
ng-mouseup
ng-mouseenter
ng-mouseleave
ng-mousemove
ng-mouseover
ng-keydown
ng-keyup
ng-keypress
ng-change
@绑定数据
12、ng-include 往html中添加html代码,以外部文件的形式引入。
@通过Ajax回调数据:通过$http参数返回json数据
function objectController($scope,$http) {
var url="data.txt";
$http.get(url).success(function(response) {
$scope.students = response;
});
}
@angular视图
13、ng-view 简单的创建一个占位符
14、ng-template //用于创建使用脚本标记的视图,它包含一个“id”属性用于由 $routeProvider 映射带有控制器的视图。
<script type="text/ng-template" id="ademo.htm">
{{message}}
</script>