博客首页 → AngularJS

最新文章列表

AngularJS过滤器filter

　　在开发中，经常会遇到这样的场景： 　　如用户的性别分为“男”和“女”，在数据库中保存的值为1和0，用户在查看自己的性别时后端返回的值自然是1或0，前端要转换为“男”或“女”再显示出来； 　　如我要换个羽毛球拍，某猫上羽毛球拍的品牌多达数十种，我想单独查看YONEX这个品牌的羽毛球拍； 　　买完羽毛球拍我还想买一桶羽毛球，点击按销量排序展示商品； 　　以上三种场景分别对数据进行了转换／ ...
AngularJSfilter 
bijian1013 评论(0) 有1354人浏览 2017-09-01 00:08

angular中的ng-bind-html指令和$sce服务

        angular js的强大之处之一就是他的数据双向绑定这一牛B功能，我们会常常用到的两个东西就是ng-bind和针对form的ng-model。但在我们的项目当中会遇到这样的情况，后台返回的数据中带有各种各样的html标签。如： $scope.currentWork.description = “hello,<br><b>今天我们去哪里？</b> ...
jsangularJS 
bijian1013 评论(0) 有1059人浏览 2017-08-27 20:19

AngularJS实战之路由ui-view传参

angular路由传参 首页 <!DOCTYPE html> <html ng-app="app"> <head> <title>路由传参</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyw ...
angularjsui-view$state 
柳絮飞祭奠 评论(0) 有1197人浏览 2017-08-25 00:50

AngularJS实战之filter的使用二

博文一中的filter是angular自带的filter，一般不会满足我们的使用。我们可以自定义filter。 一、自定义filter实现反转字符串 <div>{{ceshi|reverse}}</div> app.filter('reverse', function() { return function(text) { return text.split( ...
angularjsfilter 
柳絮飞祭奠 评论(0) 有980人浏览 2017-08-24 23:01

angular入门

angular采用的是1.6.5, 1.ng-model,ng-include,ng-click,ng-hide,ng-show,form表单的使用   <!doctype html> <html> <head> <script src="angular.js"></script> ...
angularjs 
落叶换新叶 评论(0) 有416人浏览 2017-08-14 17:45

AngularJs ng-repeat用法二$parent.$index

我们在开发时时常会出现repeat嵌套使用的情况，此时会想获取父级repeat数组的下标可使用$parent.$index
AngularJS 
柳絮飞祭奠 评论(0) 有1087人浏览 2017-07-22 18:38

AngularJs ng-class用法

定义model file对象根据fiel对象的不同状态改变li样式 <li ng-class="{true:'z_step_bar_active',false:''}[file.step=='2'||file.step=='3']"></li> ok 搞定
AngularJs 
柳絮飞祭奠 评论(0) 有604人浏览 2017-07-12 21:02

ng-repeat动态改变样式

当我们使用AngularJs的ng-repeat时候动态绑定数据时，遇到遍历出来的标签样式都一样，这时候希望根据数组的下标分别对应不同的样式 解决：使用$index获取数组下标根据下标改变样式 <div ng-repeat="item in menulist"> <div class="z_cstorge_menu"> ...
AngularJs 
柳絮飞祭奠 评论(0) 有774人浏览 2017-07-12 20:56

AngularJS实例

怎么样快速学习AngularJS？ 相信很多初学者都有过或者类似的疑问，其实这个问题没有标准的答案，每个人的技术背景、工作经验等等都不经相同，所以学习AngularJS的切入点肯定也就不同，我之前初略使用过knockoutjs，当我第一眼看到AngularJS的Helloworld案例后，顿时就被声明式的语法和强大的双向绑定特性所吸引。 其实AngularJS的官方网站首页的几个例子已 ...
angularjs 
青春..荒唐 评论(0) 有602人浏览 2017-06-15 15:39

angularJS的controller之间如何正确的通信

AngularJS中的controller是个函数，用来向视图的作用域（$scope）添加额外的功能，我们用它来给作用域对象设置初始状态，并添加自定义行为。 当我们在创建新的控制器时，angularJS会帮我们生成并传递一个新的$scope对象给这个controller,在angularJS应用的中的任何一个部分，都有父级作用域的存在，顶级就是ng-app所在的层级，它的父级作用域就是$rootS ...
javascriptangularjs 
xue88ming 评论(0) 有451人浏览 2017-06-14 09:30

angular常用指令

简介：AngularJS 是一个 JavaScript 框架，通过 <script> 标签添加到 HTML 页面 例如： <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>   通过表达式绑定数据到 HTM ...
AngularJS 
青春..荒唐 评论(0) 有578人浏览 2017-05-11 22:54

基于AngularJS+Bootstrap的多文件上传与管理

一、前言最近一个项目中需要实现多文件上传与管理，而项目是基于bootstrap开发的，所以查了一些bootstrap文件上传插件，最后发现还是bootstrap-fileinput最美观，该插件可以实现多文件的上传与管理（插件官方地址：http://plugins.krajee.com/file-input），具体的效果如下：  （bootstrap-fileinput不局限于图片上传，也 ...
bootstrapangularjs多文件上传 
kevin19900306 评论(0) 有2701人浏览 2017-03-28 14:36

AngularJs中ng-repeat指令的默认animate动画

    这两天做前端AngularJs开发的时候引了个uib-pagination翻页控件，结果翻页的时候发现旧数据与新数据同时保留的几百毫秒，然后旧数据才消失，感觉体验不太好。但是没想出来时为什么，开始以为数据或数组操作出问题，搞了很长时间没搞明白。结果一步一步删代码发现问题出在引入的animate包身上。     原来ng-repeat指令在引入animate的情况下自动调用ng-enter,n ...
AngularJsng-repeatanimate 
kewell2004 评论(0) 有1022人浏览 2017-02-14 14:35

AngularJS精妙绝伦的控制器

为什么使用控制器？          控制器就像领域模型和视图的纽带，它从模型中暴露数据给视图，它给视图提供数据与服务，并且定义了所需的业务逻辑，从而将用户行为转换为模型上的变化。   一.理解基本原理         控制器是通过NG的Module.controller来创建的，它接受一个控制器名称和一个工厂函数，这个工厂函数内部有一个$scope服务，用于向视图提供作用域，我们也正是 ...
AngularJS控制器controller 
bijian1013 评论(0) 有946人浏览 2017-02-04 18:27

【AngularJS】上传图片

这次我们用ng-file-upload 控件来实现上传功能 1 下载工具 bower install ng-file-upload bower install ng-file-upload-shim    (for non html5 suppport 支持非html5浏览器) 2写一个页面 <div class="input-group"> <inp ...
AngularJS 
v7sky 评论(0) 有1104人浏览 2017-01-16 15:41

angularJs之如何获取input的焦点（自定义指令）

代码可直接运行： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></scrip ...
angularJsfocusinputblur 
jimolangyaleng 评论(0) 有847人浏览 2016-12-14 16:43

angularJs之$sce

AngularJS里好些地方，比如路径默认是个字符串，不会认为是路径，从而访问不到我们需要的东西，那么我们就可以通过$sce告诉angualrJS这个路径，这样是 ...
$sceangularjstrustAsUrl 
jimolangyaleng 评论(0) 有495人浏览 2016-12-14 15:15

AngularJS表单验证实现方法详解

      本文主要是通过源码实例和大家分享AngularJS中的表单验证相关知识，希望通过本文的分享，对大家学习AngularJS有所帮助。   1.常规表单验证；   2.AngularJs中提供的表单验证实例。   实例代码   <!doctype html> <html ng-app="lesson" ng-controller=& ...
angularjs 
小麦麦子 评论(0) 有482人浏览 2016-11-25 18:21

angularjs watchGroup

angularjs 1.3 中加入了 watchGroup，更方便做 select 联动 var watchGroup = $scope.$watchGroup(['terminalCity', 'terminal'], function(newValues, oldValues, scope) {   // newValues[0] -> $scope.terminalCit ...
angularjs 
starxf 评论(0) 有556人浏览 2016-11-15 17:10

最近博客热门TAG

Java(141747) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54918) .net(54785) Web(54513) 工作(54116) Linux(50906) Oracle(49876) 应用服务器(43288) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36423)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics