摘要: state/ui-router 一个状态对应于一个页面位置 通过定义controller、template和view等属性,来定义指定位置的用户界面和界面行为 通过嵌套的方式来解决页面中的一些重复出现的部位激活状态 有三种方法来激活状态: 调用$state.go()方法,这是一个高级的便利方法; 点 阅读全文
posted @ 2016-02-19 10:43 广林 阅读(164) 评论(0) 推荐(0) 编辑
摘要: Providers 是唯一一种你可以传进 .config() 函数的 service。当你想要在 service 对象启用之前,先进行模块范围的配置,那就应该用 provider Controller 创建控制器 Directive 创建指令 Service 所有的services都是singlet 阅读全文
posted @ 2016-02-19 10:41 广林 阅读(267) 评论(0) 推荐(0) 编辑
摘要: 过滤器可以使用一个管道字符(|)添加到表达式和指令中 过滤器 描述 currency 格式化数字为货币格式。 filter 从数组项中选择一个子集。 lowercase 格式化字符串为小写。 orderBy 根据某个表达式排列数组。 uppercase 格式化字符串为大写。 ng-repeat="x 阅读全文
posted @ 2016-02-19 10:38 广林 阅读(165) 评论(0) 推荐(0) 编辑
摘要: 如果你需要从不同的服务器(不同域名)上获取数据就需要使用跨域 HTTP 请求。 跨域请求在网页上非常常见。很多网页从不同服务器上载入 CSS, 图片,Js脚本等。 在现代浏览器中,为了数据的安全,所有请求被严格限制在同一域名下,如果需要调用不同站点的数据,需要通过跨域来解决。 以下的 PHP 代码运 阅读全文
posted @ 2016-02-19 10:37 广林 阅读(314) 评论(0) 推荐(0) 编辑
摘要: ng-model 指令 绑定 HTML 元素 到应用程序数据。 ng-model 指令也可以: 为应用程序数据提供类型验证(number、email、required)。 为应用程序数据提供状态(invalid、dirty、touched、error)。 为 HTML 元素提供 CSS 类。 绑定 阅读全文
posted @ 2016-02-19 10:36 广林 阅读(2391) 评论(0) 推荐(0) 编辑
摘要: <table> <tr ng-repeat="x in names"> <td>{{ x.Name }}</td> <td>{{ x.Country }}</td> </tr> </table> <table class="table table-striped"> <thead><tr> <th> 阅读全文
posted @ 2016-02-19 10:34 广林 阅读(2124) 评论(0) 推荐(0) 编辑
摘要: AngularJS $http 是一个用于读取web服务器上数据的服务。 $http.get(url) 是用于读取服务器数据的函数 <div ng-app="myApp" ng-controller="customersCtrl"> <ul> <li ng-repeat="x in names"> 阅读全文
posted @ 2016-02-19 10:33 广林 阅读(273) 评论(0) 推荐(0) 编辑
摘要: AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-。 ng-app 指令初始化一个 AngularJS 应用程序。 ng-init 指令初始化应用程序数据。 ng-model 指令把元素值(比如输入域的值)绑定到应用程序。 ng-repeat 指令会重复一个 HTML 元素: ng- 阅读全文
posted @ 2016-02-19 10:31 广林 阅读(217) 评论(0) 推荐(0) 编辑
摘要: templateUrl其实根template功能是一样的,只不过templateUrl加载一个html文件,template后面根的是html的标签. .state('menu.about', { url: "/about", template: '<p>Hello</p>', }); .state 阅读全文
posted @ 2016-02-19 10:29 广林 阅读(568) 评论(0) 推荐(0) 编辑
摘要: .directive('myAttr', function() { return { restrict: 'E', scope: { customerInfo: '=info' }, template: 'Name: {{customerInfo.name}} Address: {{customer 阅读全文
posted @ 2016-02-19 10:23 广林 阅读(207) 评论(0) 推荐(0) 编辑
摘要: 需要共享方法的时候就用原型模式,需要使用副本的时候就用构造模式,还可以结合起来,把所有信息都封装在构造函数中,而通过在构造函数中初始化原型,使得对象保持了同时使用构造函数和原型的优点。 function Person(name,age,job){ this.name = name; this.age 阅读全文
posted @ 2016-02-19 10:17 广林 阅读(138) 评论(0) 推荐(0) 编辑
摘要: 在目标页面规定接受的参数:$stateProvider.state('page2', {params: {'data': null}}) 传参:$state.go('page2', {data: 'aaa'}); 目标页面接受参数:控制器注入$stateParams之后可以通过$stateParam 阅读全文
posted @ 2016-02-19 10:14 广林 阅读(750) 评论(0) 推荐(0) 编辑
摘要: ng-click="submit1($event, 'argsTest’)" $scope.submit1=function(event, args){ var target = event.currentTarget; console.log('[Trade1Page1Ctrl.submit1]n 阅读全文
posted @ 2016-02-19 10:13 广林 阅读(533) 评论(0) 推荐(0) 编辑
摘要: Ionic中弹窗有两种ionicModal和ionicPopup; $ionicModal是完整的页面; $ionicPopup是(Dialog)对话框样式的,直接用JavaScript设定对话框的一些参数,通常用于通知消息、确认等作用; 案例: 1 angular.module('testApp' 阅读全文
posted @ 2016-02-19 10:12 广林 阅读(783) 评论(0) 推荐(0) 编辑
摘要: 例如:路由配置如下: $stateProvider.state('admin.userList', { url: '/listUser?type&role', //参数必须先在这边声明 templateUrl: requirejs.toUrl('../../user/user_list.html') 阅读全文
posted @ 2016-02-19 10:10 广林 阅读(184) 评论(0) 推荐(0) 编辑
摘要: 测试案例 .directive('testDirective', function() { return { restrict: 'E', template: '<p>Hello {{number}}!</p>', controller: function($scope, $element){ $s 阅读全文
posted @ 2016-02-19 10:06 广林 阅读(251) 评论(0) 推荐(0) 编辑