
AngularJS
老米的世界
stay hungry, stay foolish.
展开
-
使用AngularJS制作一个选项卡
HTML:<!DOCTYPE html><html ng-app="tabApp"> <head> <meta charset="UTF-8"> <title>tabs02</title> <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.j原创 2017-08-08 14:51:23 · 1133 阅读 · 0 评论 -
AngularJS 中的$injector -- 依赖注入
推断式注入这种注入方式,需要在保证参数名称与服务名称相同。如果代码要经过压缩等操作,就会导致注入失败。app.controller("myCtrl1", function($scope,hello1,hello2){ $scope.hello = function(){ hello1.hello(); hello2.hello();转载 2017-08-09 10:45:03 · 455 阅读 · 0 评论 -
AngularJS中的$interval
var app=angular.module('myApp',[]);app.controller('CurTimeController', function($scope,$interval) {$interval(function() {//获取当前时间 $scope.y = new Date().toLocaleTimeString(); }, 1000);})原创 2017-08-11 17:03:13 · 1186 阅读 · 0 评论 -
AngularJS 中的Scope(作用域)
Scope是作用在HTML(视图)和JS(控制器)之间的纽带Scope是一个JS对象,有可用的方法和属性,这些属性和方法可以在视图(即HTML页面)和控制器(即JS文件中)使用。Scope可应用在视图和控制器上如何使用Scope当创建控制器时,可以将$Scope对象当做参数来传递,代码如下: 控制器中的属性对应视图上的属性 <head> <meta charset="u原创 2017-08-04 15:57:04 · 621 阅读 · 0 评论 -
AngularJS自定义服务
网上相关的文章还是很多的,自己也就是将自己使用过程记录一下:factory<!DOCTYPE html><html ng-app="myApp"> <head> <meta charset="UTF-8"> <title>使用factory创建自定义服务</title> <script src="http://cdn.static.runoo原创 2017-08-15 15:00:55 · 327 阅读 · 0 评论 -
AngularJS中自定义指令的使用--最后实现表格的CRUD
网上也有很多介绍自定义指令的文章了,在此处简单记录一下自己的使用过程,以及遇到的问题。本篇文章主要是记录我实现表格CRUD的过程,在这中间,简单使用了一下自定义指令,就简单带过一下。 在这里,我使用了Angularjs和jquery。 这是界面: 查询使用了angularjs中的过滤器。 很简单的一个功能,实现起来很方便。点击【新增】和【修改】会分别弹出两个输入框,进行数据的录入和修改。原创 2017-08-15 15:34:23 · 823 阅读 · 0 评论