随笔分类 -  angular

上一页 1 2 3 下一页
angular
angularjs中的$state.go
摘要：路由是这么定义的： 用ng-href跳转的话，是这么写的： ng-href="#/page1" ng-href="#/page2/1" 用$state.go跳转的话，是这么写的： $state.go("page1"); $state.go("page2",{type:1}); 用ui-sref跳转的 阅读全文
posted @ 2016-10-03 12:04 魔豆 阅读(15472) 评论(0) 推荐(0)
angularjs中响应回车事件
摘要：下面这个示例在输入框键入回车键或者点击按钮时，将输入框的值置为"Hello World!"：（黄色背景内容为响应回车事件涉及到的代码） 阅读全文
posted @ 2016-09-23 17:20 魔豆 阅读(10519) 评论(0) 推荐(0)
ionic的加载功能
摘要：下面是代码（黄色背景的是加载功能的代码）： 阅读全文
posted @ 2016-09-21 17:13 魔豆 阅读(298) 评论(0) 推荐(0)
angularjs中的$eval方法
摘要：在controller中定义了一个变量 $scope.a_1 = "abc"; 想在view里面动态输出，因为这个数字是动态的，这么输出肯定是不行的{{'a_' + '1'}}，因为输出来的是a_1这个字符串，而不是a_1这个变量的值 想输出a_1这个变量的值，可以使用$eval方法：{{$eval 阅读全文
posted @ 2016-09-21 16:44 魔豆 阅读(4430) 评论(0) 推荐(1)
使用ionic中的侧边栏以及angularjs中广播的使用
摘要：接着之前的ionic的例子 查看例子：我的第一段ionic代码 demo3.html（黄底内容为增加或修改的内容） menu.html（该页面为新增页面） dash.html（黄底内容为增加或修改的内容） 写到这里，出现一个问题，就是菜单和内容是两个页面，如果在菜单页中需要执行内容页的内容的话，要怎 阅读全文
posted @ 2016-09-21 11:03 魔豆 阅读(1225) 评论(0) 推荐(0)
angularjs中使用ng-bind-html和ng-include
摘要：下面这个例子，往div标签内添加html内容： 注意在赋值时需要将html用$sce.trustAsHtml作一个处理，不然页面会报错，无法输出内容。 下面是ng-include的使用示例，跟上面的例子差不多，只是把要添加的html内容放到一个文件中： demo1_1.html 阅读全文
posted @ 2016-09-17 21:42 魔豆 阅读(4793) 评论(0) 推荐(0)
angularjs中ng-show的使用
摘要：ng-show 指令在表达式为 true 时显示指定的 HTML 元素，否则隐藏指定的 HTML 元素。下面是示例： 阅读全文
posted @ 2016-09-17 16:07 魔豆 阅读(1334) 评论(0) 推荐(0)
angularjs中使用$scope.$watch监控对象模型的变化
摘要：如果对象模型发生变化时，可以使用$scope.$watch监控变化 稍微改一下，输出修改前后的内容： 阅读全文
posted @ 2016-09-17 11:56 魔豆 阅读(826) 评论(0) 推荐(0)
稍复杂的ionic例子：显示一个列表，并且允许点击进入列表项
摘要：这个例子，按照MVC的方式进行了分层，下面是代码： demo3.htm demo3_app.js demo3_controllers.js demo3_services.js chats.html chat-detail.html 有几个地方简单分析一下： 1、页面路由在设置chat-detail页 阅读全文
posted @ 2016-09-16 23:42 魔豆 阅读(2639) 评论(0) 推荐(0)
在第一段ionic示例的基础上增加底部导航
摘要：demo2.html tabs.html dash.html account.html 注意在配置路由的时候导航项的内容是不同的，添加了一个views子项 整个示例用到了七个ionic的标签： 阅读全文
posted @ 2016-09-16 21:04 魔豆 阅读(2375) 评论(0) 推荐(0)
我的第一段ionic代码
摘要：ionic是基于angularjs的前端框架，用于实现移动app。 下面是第一段代码，先贴代码，有时间再整理： demo1.htm 引入了ionic.bundle.js脚本后，不用引用angular.js就可以使用angular了，我开始百思不得其解，折腾老半天。。。 dash.html 整个示例用 阅读全文
posted @ 2016-09-16 20:54 魔豆 阅读(535) 评论(0) 推荐(0)
angularjs中ng-repeat的使用
摘要：第一个例子：使用ng-repeat最简单的例子 第二个例子：添加过滤条件 阅读全文
posted @ 2016-09-14 15:18 魔豆 阅读(5101) 评论(0) 推荐(0)
angular中$location读取url信息
摘要：读取url信息： 阅读全文
posted @ 2016-09-14 14:47 魔豆 阅读(1302) 评论(0) 推荐(0)
angularjs中ajax请求时传递参数的方法
摘要：method1方法使用的是params参数，该用法会把参数直接附加到url中 method2方法使用的是data参数，该参数会把页面参数类型从默认的multipart/form-data改为application/x-www-form-urlencoded类型，并且将传递的data解析为字符串，该方 阅读全文
posted @ 2016-09-13 17:50 魔豆 阅读(8768) 评论(0) 推荐(0)
angularjs中使用$q.defer
摘要：方法method1和方法method2的区别，我还正在研究中。。。待添加 代码如下： 阅读全文
posted @ 2016-09-13 16:01 魔豆 阅读(595) 评论(0) 推荐(0)
angularjs中的ng-src和ng-href
摘要：ng-src和ng-href等同于html中的src和href，只是ng是在dom加载完毕之后才能够发挥作用，如果在src或href中绑定变量，如果ng没有加载完，会导致链接地址出错，如果用对应的ng-src或ng-href，则不会出现这个问题。下面是一段示例代码： 阅读全文
posted @ 2016-09-13 14:15 魔豆 阅读(4376) 评论(0) 推荐(0)
angularjs中ng-class的使用
摘要：1、方法一 通过数据的双向绑定(不推荐) 2、方法二 对象数组 3、方法三 对象key/value 阅读全文
posted @ 2016-09-13 13:23 魔豆 阅读(2076) 评论(0) 推荐(1)
angular中定义全局变量及全局变量的使用
摘要：一个例子，定义了两个变量，并且把变量显示出来： 阅读全文
posted @ 2016-09-12 16:08 魔豆 阅读(13971) 评论(1) 推荐(1)
angularjs库及ionic库下载地址
摘要：angularjs库下载地址： 下载地址：https://code.angularjs.org/ 引用地址：http://www.bootcdn.cn/angular.js/ ionic库下载地址： http://code.ionicframework.com/ 阅读全文
posted @ 2016-02-05 17:22 魔豆 阅读(482) 评论(0) 推荐(0)
angularjs中的interval定时执行功能
摘要：一个例子，用来显示当前实时时间，1秒钟刷新一次： <!DOCTYPE html> <html ng-app="myApp"> <head> <meta charset="UTF-8"> <title>interval</title> <script type="text/javascript" sr 阅读全文
posted @ 2016-02-01 01:08 魔豆 阅读(3947) 评论(0) 推荐(0)

上一页 1 2 3 下一页