随笔分类 - AngularJS
摘要：AngularJS路由允许我们通过不同的url访问不同的内容，AngularJS中是通过 #+标记。 #符号之后的内容在线服务端请求的时候会被浏览器忽略。所以我们就需要在客户端实现#号后面内容的功能实现。AngularJS就是通过#+标记帮助我们欺负不同的逻辑页面并将不同的页面绑定到对应的控制器上。
阅读全文
摘要：wki上依赖注入的解释：Dependency injection是一种软件设计模式（简称DI），在这种模式下，一个或者更多的依赖（服务）被注入（或者通过引用传递）到一个独立的对象中，然后成为了该独立对象的一部分。 DI分离了客户端依赖本身行为的创建，使得程序设计模式变得松耦合，并遵循依赖反转和单一职
阅读全文
摘要：AngularJS提供了动画效果，可以配合CSS使用，但是如果要在AngularJS中使用动画，需要引入angular-animate.min.js并且还需要在应用中使用模型ngAnimate。 ngAnimate做了什么： 可以添加或者移除class。 ngAnimate会监测事件，类似隐藏显示h
阅读全文
摘要：在AngularJS中，可以在HTML中包含其他的HTML文件，使用的 指令就是ng-include，在AngularJS中的html中的JavaScript代码都可以被正常执行。 ng-include不加可以使用被域内的html文件，还能使用其他域的文件，但是需要设置域名访问白名单；如下 var
阅读全文
摘要：在AngularJS中没有直接提供表格指令，但是我们可以使用ng-repeat来实现，如下例子： <div ng=app="demo" ng-controller="myController"> <table> <tr ng-repeat="x in names"> <td>{{x.Name}}</
阅读全文
摘要：AngularJS可以使用数组或者对象来 创建一个下拉列表选项 在AngularJS中可以使用ng-option指令来创建一个下拉列表，列表通过对象或者数组循环输出，如下例子： <div ng-app="demo" ng-controller="myController"> <select ng-i
阅读全文
摘要：$http是AngularJS中的一个核心服务，用于读取远程服务器的数据。 使用格式如下： $http({method:'get',url:'./omeurl'}).then(function successCallback(responne){ //todo; },function errorCa
阅读全文
摘要：在AngularJS中，服务是一个函数或者对象，可以在AngularJS应用中使用；也可以自己创建自定义服务。 浏览器自带api与AngularJS服务的区别 AngularJS提供了大约30多种的服务，下面简单介绍一些服务。服务的一般用法如下： var app=angular.module("de
阅读全文
摘要：AngularJS使用管道字符（|）来表示filter，可以用于表达式和指令中。AngularJS听如下的的过滤器： currency：格式化数字为货币格式。{{250|currency:"RMB ￥"}} filter：从数组中选择一个子集。 lowercase：格式化字符串为小写。{{“tesT
阅读全文
摘要：AngularJS Controller控制着AngularJS应用程序的数据，AngularJS控制器是JavaScript对象，使用ng-controller定义应用程序控制器，如下例子： <div ng-app="demo" ng-controller="mycontroller"> firs
阅读全文
摘要：AngularJS应用程序是由View、Model、Controller三部分组成。Scope是一个对象，可以包含方法和属性，用于视图和控制器上面，是视图和控制器的纽带，在创建controller的时候将$scope对象作为一个参数传递。如下： <div ng-app="demo" ng-contr
阅读全文
摘要：ng-model指令用于绑定应用程序数据到HTML控制器（input、select、textarea）的值。可以将输入域的值域AngularJS创建的变量绑定;并且支持双向绑定。如下例子： <div ng-app="myapp" ng-controller="mycontroller"> name:
阅读全文
摘要：AngularJS通过使用指令来扩展HTML、为应用程序添加新的功能；允许用户自定义新的指令。 AngularJS是扩展了HTML属性，使用格式如下ng-**。 AngularJS的指令有ng-app、ng-init、ng-model等，在接下来会一一解释。 数据绑定：ng-model和{{}} “
阅读全文
摘要：AngularJS使用表达式把数据绑定到HTML上。 AngularJS表达式 格式如下{{exoression}} 表达式把数据绑定到HTML上面，域ng-bind是一样的功能。 表达式书写的位置就是输出的数据。 可以包含文字、运算符和变量。 AngularJS数字 AngularJS数字就像Ja
阅读全文
摘要：AngularJS是一个TypeScript的框架，它通过<script>标签添加到html页面中，AngularJS通过指令扩展了HTML，通过绑定将数据展现到HTML中。 下载地址：https://github.com/angular/angular.js/releases。 AngulaJS扩
阅读全文
