AngularJs基础一

前端之家收集整理的这篇文章主要介绍了AngularJs基础一前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

最近感觉自己前端实在是不足,还停留在大学html+css+javascritp阶段,实在是汗颜呀。

所以赶紧利用些空余时间来补补短,一博客形式来记录学习到的知识点。


#angular的基本属性

1、ng-app 指令定义了一个AngularJS应用程序----让html支持angular 2、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> 原文链接:https://www.f2er.com/angularjs/148534.html

猜你在找的Angularjs相关文章