angularjs & ionic & angular-ui-router
关注
分享
扫一扫
文章平均质量分 82
胖鹅68
熟悉h5,jquery,css2/3,angular,ionic,springMVC,hibernate,spring,struts,mybatis,mysql,oracle,linux,android等技术
了解openfire开源系统，熟悉openfire的IM功能
展开
-
angularjs 指令Provider(八)
文章目录文章转载概念constant()value()service()factory()provider()文章转载AngularJS中的Provider们：Service和Factory等的区别概念$provide服务负责告诉Angular如何创造一个新的可注入的东西也可以通过要求provide被注入到一个应用的config函数中来获得provide被注入到一个应用的config函数中来获得provide被注入到一个应用的config函数中来获得provide服务constant()转载 2020-07-20 19:14:06 · 394 阅读 · 0 评论 -
angularjs 指令Directive（七）
文章目录文章参考什么是指令？restrictpriorityterminaltemplatereplacescopescope 为{} 的三种传递值方式require(字符串或者数组)transcludecontroller字符串函数链接函数 Linking function文章参考学习AngularJs:Directive指令用法（完整版）什么是指令？指令就是一些附加在HTML元素上的自定义标记（例如：属性，元素，或css类），它告诉AngularJS的HTML编译器 ($compile) 在原创 2020-07-20 18:41:11 · 295 阅读 · 0 评论 -
angularjs 控制器和$scope（六）
文章目录文章参考$scope的属性就是供在视图中展示用的视图模型（view model）$scope 作用域（继承）文章参考AngularJS 控制器(Controllers)$scope的属性就是供在视图中展示用的视图模型（view model）下面的例子提供了三种事件：不传递任何参数传递自定义参数传递$event 事件<!DOCTYPE html><html ng-app="spicyApp1"> <head> <scrip原创 2020-07-20 17:34:51 · 260 阅读 · 0 评论 -
angularjs 组件components(五)
文章目录文章参考Component 快速使用入门文章参考angularjs componentComponent 官方文档Component 快速使用入门在父组件页面中的HTML中使用组件<div> myinfo ---- {{myname}} <my-info-details hero="myname" on-herofunc='testHttpFunc()'></my-info-details></div>父组件传递方法原创 2020-07-20 16:29:29 · 643 阅读 · 0 评论 -
angularjs 基础指令(四)
文章目录文章参考ng-bind 类似于 {{}}ng-repeatng-classng-styleng-includeng-bind-htmlng-checkedng-clickng-hrefng-srcng-ifng-hideng-showng-switch文章参考angularjs 参考手册ng-bind 类似于 {{}}指令把应用程序数据绑定到 HTML 视图<!DOCTYPE html><html><body><div ng-app="原创 2020-07-20 14:21:59 · 278 阅读 · 0 评论 -
angularjs 路由ui-router详解——子路由，动态路由（三）
文章目录问题描述文章参考快速使用 ui-router路由嵌套应用场景如何定义嵌套路由动态路由(restful传递参数)应用场景如何使用动态路由生命周期函数ng-click 方法中的this指向的$scope问题描述由于 ionic 1.x 是使用的 ui-router，因此我这里也是重点学习了ui-router文章参考深究AngularJS——ui-router详解快速使用 ui-router引入angularjs 和 ui-router 库<script src="../pub原创 2020-07-20 13:54:03 · 1636 阅读 · 0 评论 -
angularjs路由ng-router & ui-router（二）
文章参考ng-routerng-view的实现原理，是根据路由的切换，动态编译html模板——$compile(html)(scope)。参考AngularJS 路由AngularJs ng-route路由详解ng-router 快速搭建步骤引入路由库<script src="../public/js/angular.min.js"></script><script src="https://cdn.bootcss.com/angular.js/原创 2020-07-20 13:19:05 · 290 阅读 · 0 评论 -
angularjs 快速入门，环境搭建 （一）
文章参考AngularJS 概念概述快速创建angularjs 工程的步骤引入angularjs 库<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>在html中添加 ng-app 指令，设置工程范围<html ng-app>ng-app 指令定义一个 AngularJS 应用程序。在html的inpu原创 2020-07-20 12:57:32 · 628 阅读 · 0 评论 -
angular 事件的学习
文章参考http://www.cnblogs.com/charmingyj/p/5689662.html 控制器信息传递的三种方式： 一、利用$rootScopeAngularJS中的作用域有一个非常有层次和嵌套分明的结构。其中它们都有一个主要的$rootScope(也就说对应的Angular应用或者ng-app)，然后其他所有的作用域部分都是继承自这个$rootSco...原创 2017-03-21 23:52:54 · 208 阅读 · 0 评论 -
ng-class 学习笔记
文章参考http://www.cnblogs.com/whitewolf/archive/2013/05/22/3092184.html <div> <!-- scope变量绑定 : 直接使用变量设置class --> <div class="oneClass {{myred}}"> class="{{myre...原创 2017-03-28 15:16:28 · 167 阅读 · 0 评论 -
controller 调用指令内部的方法
在工作中，遇到一个问题，写了一个分页插件（指令）， <input type="text" ng-model="countObj"/><div>{{count}}</div><div> <button ng-click="addCount1()" class="add"原创 2017-03-29 18:07:58 · 1337 阅读 · 0 评论 -
angular directive require属性的学习
文章参考http://blog.csdn.net/u014788227/article/details/50416922http://raowensheng.com/2014/05/09/angularjs%E8%87%AA%E5%AE%9A%E4%B9%89%E6%8C%87%E4%BB%A4%E7%9A%84require%E5%8F%82%E6%95%B0%E8%AF%B4%E6...原创 2017-03-30 19:30:07 · 277 阅读 · 0 评论 -
angular $http cache学习笔记
文章参考http://stackoverflow.com/questions/40018831/http-service-cache-when-the-method-is-posthttp://lib.csdn.net/article/angularjs/30992 需求：第一次发送http请求，则缓存该请求的数据，当第二次发送该请求的时候，则不发送ajax请求，直接...原创 2017-04-26 12:37:45 · 641 阅读 · 0 评论 -
ng-include 指令下的控制器
在工作中遇到了一个需求 —— 使用angular在一个页面中，要求点击左侧菜单显示的页面需要以tab（选项卡）的形式展现到页面中，这样方便用户使用不同的功能能来回切换。与ext tab选项卡的效果一致。 由于前期选型，使用的是angular技术作为前端的框架，如果使用ui-router的方式，这样不满足需求，因为内容会被重置，不能保留之前用户的操作，所以必须考虑其他...原创 2017-03-16 23:28:55 · 880 阅读 · 0 评论 -
angular6 *ngFor trackBy语法学习
文章目录文章参考案例HTML 模板组件中定义数据文章参考官网在Angular中利用trackBy来提升性能angular中ngFor的参数案例HTML 模板index: number：可迭代对象中当前条目的索引。first: boolean：如果当前条目是可迭代对象中的第一个条目则为 true。last: boolean：如果当前条目是可迭代对象中的最后一个条目则为 tru...原创 2019-09-27 12:11:08 · 1017 阅读 · 0 评论