-
常用AngularJs代码段
所属栏目：[安全] 日期：2020-12-17 热度：121
一，ng-repeat/filter/orderby使用 数据结构： { "result":true,"ItemWeekIndex":"第二周","Content":[ { "weekIndex":1,"courseInfo":"11教501高等数学","periodTimesIndex":1 },{ "weekIndex":1,"courseInfo":"11教232大学英语(一)","periodTimesIndex":2[详细]
-
AngularJS ng-click stopPropagation(阻止冒泡)
所属栏目：[安全] 日期：2020-12-17 热度：196
button class= "btn" ng-click= "deleteUser(user.id, $index ); $event .stopPropagation();" Delete/button[详细]
-
Angularjs + Webpack 框架里，引入Bootstrap-datepicker插件时，
所属栏目：[安全] 日期：2020-12-17 热度：143
Angularjs + Webpack 框架里，引入Bootstrap-datepicker插件时，浏览器提示datepicker is not a function错误的解决方法 问题描述： 使用Angularjs作为前端的框架，利用Webpack打包。在引入Bootstrap-datepicker这个框架的时候，Firebug提示“datepicker is[详细]
-
Angular Scope解析与应用
所属栏目：[安全] 日期：2020-12-17 热度：156
Scope层级结构 顶层服务对象$rootScope来源于ng模块，由$RootScopeProvider提供。因为ng模块是angular.bootstrap()执行时依赖的模块，所以在整个应用中都可以通过$rootScope引用，而且在这个应用中是唯一的。但唯一性仅限于单个应用内，因为服务都存在注入器[详细]
-
angularjs指令中link方法无法正确获取element
所属栏目：[安全] 日期：2020-12-17 热度：175
angularjs中大多在指令之中操作DOM，现在遇到一个指令中无法获取DOM的特殊情况： vardirectiveCtrl=angular.module("directiveCtrl",[]);directiveCtrl.controller("ctrlTwo",['$scope',function($scope){$scope.name="me";}]);directiveCtrl.directive("num[详细]
-
AngularJS之基础-1 简介(基本概念、环境搭建)
所属栏目：[安全] 日期：2020-12-17 热度：163
一、基本概念 软件设计原则 - 不论是桌面应用还是Web应用，在进行设计编码时应该遵守一定的设计原则 650) this.width=650;" src="http://img.jb51.cc/vcimg/static/loading.png" title="web.png" alt="wKiom1cEyhKC_aVmAAC4TsrPTCI725.png" src="http://s4.5[详细]
-
AngularJS之基础-2 指令、表达式
所属栏目：[安全] 日期：2020-12-17 热度：182
一、指令 ng-app - 初始化一个AngularJS 应用程序 - AngularJS 脚本的作用域 - 使用 - html ng-app - div data-ng-app="" - div data-ng-app="myApp" ng-init - 初始化应用程序数据 - 基本数据类型 - 数值 - 字符串 - 对象 - 数组 ng-bind - 常用于元素单项[详细]
-
AngularJS之基础-3 控制器(基本语法)、模块(使用模块注册控制器)
所属栏目：[安全] 日期：2020-12-17 热度：179
一、基本语法 基本概念 - ng-controller function controllerName($scope,$http,$element){} $scope $http - $http.get(url).sucess(function(result){}) 定义基本数据类型 - $scope.Name = "John" - $scope.Email = Derke@alibaba.com.cn - $scope.Age = 30[详细]
-
AngularJS之基础-4 DI(控制器参数、监听)、指令(模板包含、节点
所属栏目：[安全] 日期：2020-12-17 热度：133
一、DI-控制器参数 $scope - 在js和html之间传递数据 - 仅在控制器作用域内有效 $element - 是一个jQuery对象 - 作用域控制器所在的html元素 - 在js中，通过$element获取DOM对象 - var e = $element.children().eq(0); - $scope.w = e.width(); - $scope.h =[详细]
-
AngularJS之基础-5 路由(定义路由、使用路由)、自定义指令(Direc
所属栏目：[安全] 日期：2020-12-17 热度：174
一、定义路由 ng-view - AngularJS 支持通过在单页面上的多个视图的单页应用 -ng-view 标记只是简单地创建一个占位符 - 使用 650) this.width=650;" src="http://img.jb51.cc/vcimg/static/loading.png" title="web.png" alt="wKiom1cE6zCDCowSAAA2rpsVcQQ91[详细]
-
angularjs自定义过滤器demo
所属栏目：[安全] 日期：2020-12-17 热度：75
这个基于angularjs的过滤器是最近做的"信息管理学院实验室预约"项目中的一个小功能。 以下为数据: $scope['classes']=[{id:1,name:"H503",capacity:40,software:"photoshop,金蝶，AI",freeTime:"周一1-2-3,周五1-2-3,周一5-6,"},{id:2,name:"H504",capacity:[详细]
-
AngularJS 1.x学习<1>
所属栏目：[安全] 日期：2020-12-17 热度：151
AngularJS 通过 指令 ( ng-directives )扩展了 HTML，且通过 表达式 绑定数据到 HTML。 ng-app 指令定义一个 AngularJS 应用程序; ng-model 指令把元素值（比如输入域的值）绑定到应用程序; ng-bind 指令把应用程序数据绑定到 HTML 视图; ng-init 指令初始化[详细]
-
跟我学AngularJs:AngularJs入门及第一个实例
所属栏目：[安全] 日期：2020-12-17 热度：167
林炳文Evankaka原创作品。转载请注明出处 http://www.jb51.cc/tag/http://blog.csdn.net/evankaka 摘要：主要给大家介绍了AngularJs及其特性，并以3个实例来做说明。 下载地址：https://angularjs.org/ 一、AngualrJs简介 AngularJS是由谷歌开发出来的，它是[详细]
-
AngularJS 1.x学习<2>
所属栏目：[安全] 日期：2020-12-17 热度：108
一. $http AngularJS $http 是一个用于读取web服务器上数据的服务。 $http.get(url) 是用于读取服务器数据的函数。 div ng-app = "myApp" ng-controller = "customersCtrl" ul li ng-repeat = "x in names" {{ x.Name + ',' + x.Country }} / li / ul / div[详细]
-
angularjs注意点
所属栏目：[安全] 日期：2020-12-17 热度：123
1、指令的名称要统一小写。 2、指令中require后的字符前面加^（shift+6）或？效果一样。 3、$rootScope中的S大写。 4、input是用于用户输入的，数据要从View传输到Controller中，而{{}}和ng-bind是用于从controller中得到数据然后显示在view中。 5、ng-show,[详细]
-
angularjs How to set focus on input field?
所属栏目：[安全] 日期：2020-12-17 热度：52
本文转自：http://stackoverflow.com/questions/14833326/how-to-set-focus-on-input-field，未作修改。 What is the 'Angular way' to set focus on input field in AngularJS? More specific requirements: When aModalis opened,set focus on a predefine[详细]
-
Angularjs Controller 间通信机制
所属栏目：[安全] 日期：2020-12-17 热度：134
本文转自：http://www.cnblogs.com/whitewolf/archive/2013/04/16/3024843.html，未作修改。 在Angularjs开发一些经验总结随笔中提到我们需要按照业务却分angular controller，避免过大无所不能的上帝controller，我们把controller分离开了，但是有时候我们[详细]
-
结构-行为-样式-angularJs ngAnimate(Js实现)
所属栏目：[安全] 日期：2020-12-17 热度：70
声明 页面 Js 注意事项 官方链接 一、声明 注意animate的版本要与Angular的一致。 script src = "jquery.1.9.1.min.js" / script script src = "angular.js" / script script src = "angular-animate.js" / script 二、页面 body ng-app = "myApp" ng-contro[详细]
-
angularjs使用中国的一些细节
所属栏目：[安全] 日期：2020-12-17 热度：161
与第三方库的共处 有时我们想要的功能angular模块库里并没有提供，而其他第三方库提供了，这时候就需要让angular与第三方库很好的共处。 例如，在使用微信支付时，我们需要在页面中引入weixin-js-sdk: html ng-app= 'myApp' head ... script src= "http://re[详细]
-
angularjs directive内部controller link函数理解
所属栏目：[安全] 日期：2020-12-17 热度：72
directive内部的controller跟mvc中controller不一样，这里的controller是用来给我们的指令暴露public 方法供外部去调用的。 link： 是用来处理指令内部事务的，包括：给元素绑定事件／数据之类的。 require 之后，link就会多一个参数（第四个参数，scope,ele[详细]
-
angular中为什么会使用track by 实现ng-repeat嵌套
所属栏目：[安全] 日期：2020-12-17 热度：107
slides是一个二维数组，我以上的代码会报错Error: [ngRepeat:dupes] div ng-repeat = "links in slides" div ng-repeat = "link in links track by $index" {{link.name}} / div / div $http .get( 'index.php?option=com_mtreetask=ajax.load' ).success( f[详细]
-
使用angularjs对数据进行排序筛选
所属栏目：[安全] 日期：2020-12-17 热度：157
看下面的代码 scope.Person=[{'id':1,'name':'小张','age':18},{'id':2,'name':'Tom','age':19},{'id':3,'name':'张三',{'id':4,'name':'小明','age':17}]; 这儿有一个对象数组，在angularjs控制器里写的，把它显示在页面上的时候可以对其进行排序和筛[详细]
-
AngularJS,自定义filter实现文字和拼音的双过滤
所属栏目：[安全] 日期：2020-12-17 热度：129
前言 这个功能在ng-repeat中过滤内容的时候会用到 这个filter简单来说就是同时过滤两个字段或者多个字段达到我们想要的实际效果：文字和拼音双过滤； 代码 keeApp.filter('filterPinyin',function(){ return function(inputArray,value){ var array = []; //[详细]
-
AngularJS，实现contenteditable的双向绑定
所属栏目：[安全] 日期：2020-12-17 热度：170
前言 在项目中遇到需要使用contenteditable来替代textarea，实现输入内容的自动高度，但是div或者p这样的标签并不是一个输入控件，不能直接被ngModel绑定，这个时候就需要把contenteditable做成一个directive来实现双向绑定： 代码 app.directive('contented[详细]
-
结构-行为-样式-Angularjs-ngSanitize
所属栏目：[安全] 日期：2020-12-17 热度：119
简单点，上代码： !DOCTYPE html html head meta charset = "UTF-8" title ngSanitize / title script src = "../jquery.1.9.1.min.js" / script script src = "../angular.js" / script script src = "angular-sanitize.js" / script / head body ng-app =[详细]
