AngularJS知识点汇总
文章平均质量分 71
AngularJS 相关知识 与 坑
吴杼恩
这个作者很懒,什么都没留下…
展开
-
关于jqui datepicker 使用enter选择日期后 点击input 没有打开日期控件问题
只需要在 input 的 keydown 事件中 绑定 //清除日期 $scope.clearDate = function($event) { if($event.keyCode == 8|| $event.keyCode == 46){ DateUtilClass.clearDat...原创 2018-02-13 11:10:13 · 1501 阅读 · 0 评论 -
Angular新手可能遇到的问题
Q1: 错在哪里?怎么html加载不出来!转载 2016-01-14 14:19:52 · 1370 阅读 · 0 评论 -
angularjs--制作树形菜单
效果图数据源/* Controllers */function ctrDataList($scope) {$scope.ctrDataList_list = [{ "title":"General", "con":[{ "pid":"g1", "head": "Users", "bo原创 2016-01-15 17:40:25 · 8591 阅读 · 1 评论 -
Angular根据获取值不同给不同的样式
1:数据源$scope.body_data = [ { "pid":"1", "fname":"jason", "lname":"kilby", "logname":"jasonktby", "company":"CAP Systems", "email":"jkiby@gapsystems.net", "not":"原创 2016-01-19 10:45:46 · 5734 阅读 · 0 评论 -
angular中的路由
AngularJS框架一部分的ng-route中的路由不支持多视图工作,也就是说项目中只能有一个" ng-view",就算写了多个也只能有一个运作.也许是发现了angular这个不足所以开发者以插件的形式提供了另一种路由方式---"ng-route".这就是我们今天将要讲解的内容.1:引用相关文件,搭建环境 2:基本路由index.html导航原创 2016-01-26 11:24:53 · 691 阅读 · 0 评论 -
angular点击一个元素添加类,其他同辈元素删除类
js'use strict';/* Directives */angular.module('myApp.directives', [])..directive("navButton", function() { var link_func = function(scope, element, attr) { $(element).click(functio原创 2016-01-26 14:56:12 · 6120 阅读 · 0 评论 -
angular Tabs (ui.bootstrap.tabs)
1:引入基础文件搭建环境 2 详细文件ui.bootstrap.demo.jsangular.module('ui.bootstrap.demo',[ ]).controller('TabsNavCtrl', function ($scope, $window) { $scope.addNewTab = function() {//动态添加tab函数原创 2016-01-26 15:43:21 · 5809 阅读 · 17 评论 -
angular表单认证大全&angular表单控件
Q:novalidate:阻止常规的表单提交 novalidate="novalidate">Q:设置不能为空和设置最大最小值 //当表单有修改并且这个"firstName"输入有错的时候显示这个div FirstName is required//当这个输入为空时候显示 The input value must原创 2016-01-27 15:40:59 · 1077 阅读 · 0 评论 -
angular中运用$cacheFactory服务时候报错
我在截多一个图,估计大家就明白了...Error: [$parse:lexerr] Lexer Error: Unexpected next character at columns 0-0 [丰] in expression [丰盛的范德萨].http://errors.angularjs.org/1.4.9/$parse/lexerr?p0=Unexpected%20next原创 2016-02-01 15:59:07 · 2229 阅读 · 0 评论 -
ui-bootstrap-tpls 中文 现在还不全的啊~,组件太多了,有空就更新
Q:Modal (ui.bootstrap.modal)1:在angular中应用modal$uibModal使用方法:直接注入到控制器中.controller('name', function($scope,$uibModal) {2:其他一些参数 var modalInstance = $uibModal.open({ animation: $原创 2016-02-02 11:24:12 · 12544 阅读 · 3 评论 -
angularjs绑定树状菜单
这个是数据这个是绑定后的效果 在前端用angularjs做数据绑定的时候,想出的是比如管理员下面有几个权限,用户下面有几个权限,管理员和用户属于一级,权限属于二级,但页面上出不来想要的效果,求大神指点啊angularjs绑定数据就一2B戏子 | 初学一级 | 园豆:102提问于:2015-04-17 16:转载 2016-02-03 09:55:43 · 3309 阅读 · 0 评论 -
angular中的显示与隐藏ng-show/ng-hide/ng-if/ng-switch
angular中用来控制元素是否展示的指令分别有,ng-show/ng-hide/ng-if和ng-switch.ng-show/ng-hide:ng-show是满足条件就展示,ng-hide是满足条件就隐藏.因为它们用法差不多,所以下面就单纯讲ng-show.ng-show接收的是一个boolean值,当为值true的时候就去展示DOM节点,当值为false的时候,在dom节点上原创 2016-02-03 10:59:35 · 6697 阅读 · 0 评论 -
使用Angularjs获取数组中的值利用一个函数的返回值来决定相应的dom是否生成
情景 使用Angularjs获取数组中的值利用一个函数的返回值来决定相应的dom是否生成NEW UI--{{$state.current.name}} {{item.imgurl}} {{item.goodstitle}} var app = angular.mo转载 2016-02-03 16:05:56 · 4323 阅读 · 0 评论 -
angular数据绑定与监控(学习笔记)
基于单一模型的界面同步ng-model 指令:可以将输入域的值与 AngularJS 创建的变量绑定。 Add Item {{item}}var app = angular.module('myApp', []);app.controller('myCtrl', function($scope) {$scope.arr1 = [1,原创 2016-02-04 18:13:36 · 2525 阅读 · 0 评论 -
AngularJS在大型单页面应用中的性能优化
1. 简介无论你正在编写一个旧的应用程序还是在一个大型应用中采用AngularJS,性能是一个重要的方面。了解是什么原因导致AngularJS应用程序慢下来非常重要,要知道,在开发过程中做出权衡是很重要的。本文将介绍一些AngularJS比较常见的性能问题,以及优化的建议。2. 性能测试工具本文采用jsPerf http://jsperf.com/ 性能测试的基准。转载 2016-02-16 15:36:06 · 1621 阅读 · 0 评论 -
angular好用的插件集合(持续更新中)
项目文件结构生成的插件(一般要配合yeoman等使用)generator-angular 这种生成器生成的文件结构是按照类型来划分的,就是controller放在一起,service放在一起,directive放在一起,route文件只有一个。这种结构适合不是很大的项目,一旦项目大了起来使用这种方式就使项目变得不太容易维护。generator-hottowel 这种生成器生成的转载 2016-04-06 16:39:13 · 7940 阅读 · 1 评论 -
在angularJS中实现返回前一页
html app angular.module('ConsoleUIApp', ['ui.router','ui.bootstrap']) .config(function ($stateProvider, $urlRouterProvider, $httpProvider) { // For any unmatched url, re原创 2016-04-13 20:39:53 · 19868 阅读 · 0 评论 -
angular自定义表单验证----用户名唯一
angular.directive('pwdCheck', ['$http','httpLoadData',function($http,httpLoadData) { return { require: 'ngModel', link: function (scope, elem, attrs, ctrl) {原创 2016-04-16 08:58:39 · 2063 阅读 · 0 评论 -
angular 学习网址推荐(持续更新中)
1:segmentfault2:图灵社区3:ui-router官网4:ui-router项目5:AngularJS路由系列6:AngularJS v1.5 简明教程中文版7:angular知识库8:w3Cscript原创 2016-04-19 14:30:43 · 694 阅读 · 0 评论 -
AngularJS中插入HTML片段
HTML 先使用 $sce.trustAsHtml(html_in_string) 将标记为信任,然后使用 data-ng-bind-html="html_in_string" 取消转义即可。js.controller('ModalWithSelectCtrl', function($scope,$sce) { $scope.modalBody=$sce.trustA原创 2016-04-28 16:43:17 · 11212 阅读 · 1 评论 -
使用UI-Router
========================1=============================.run(['$rootScope', '$state', '$stateParams',function($rootScope, $state, $stateParams) { $rootScope.$state = $state; $rootScope原创 2016-04-29 13:46:31 · 847 阅读 · 0 评论 -
外部js调用Angular控制器中的函数方法或变量用法示例
<!DOCTYPE html><html ng-app="myApp"id="myApp"> <meta name="viewport"content="width=device-width"/> Test <script src="~/Content/Js/Plugins/AngularJS/angular.m转载 2016-11-22 10:07:57 · 2748 阅读 · 0 评论 -
angular 各scope 通信
iframe 中的 controller 访问 父页面中的controller a页面 var app = angular.module('datasheet', []);app.controller('dsViewCtr', function($scope) { $scope.fullScreen=function(){ var scope原创 2016-11-24 15:09:01 · 514 阅读 · 0 评论 -
深入 AngularUI Router
翻译:深入 AngularUI Router原文地址:http://www.ng-newsletter.com/posts/angular-ui-router.htmlui-router: https://angular-ui.github.io/ui-router/site/#/api/ui.router ui-router 是 AngularUI 库提供的特别有用的一个部分,是转载 2016-12-06 16:24:10 · 383 阅读 · 0 评论 -
收集关于angular与JS的一些常见问题 总结
1:angularjs 指令中动态编译的方法(适用于有异步请求的情况) 内嵌指令无效 在directive的link中有一个$http请求,当请求完成后根据返回的值动态做element.append('......');这个操作,能显示没问题,可问题是我动态组的HTML里面有ng-click,发现显示出来的内容根本不执行ng-click绑定的方法!这个是因为异步返回之后,指令的编译已经...原创 2017-02-19 14:10:59 · 832 阅读 · 0 评论 -
循环里有多个表单空间该如何给model
select{width:150px} {{roleValue[ $index ]}} dddvar app = angular.module('myApp', []);app.controller("myCtrl", ["$scope", function( $scope ){ $原创 2017-03-29 14:33:27 · 447 阅读 · 0 评论 -
学习AngularJs:Directive指令用法(完整版)
本教程使用AngularJs版本:1.5.3AngularJs GitHub: https://github.com/angular/angular.js/AngularJs下载地址:https://angularjs.org/摘要:Directive(指令)笔者认为是AngularJ非常强大而有有用的功能之一。它就相当于为我们写了公共的自定义DOM元素或CLASS属性转载 2017-03-30 09:42:03 · 831 阅读 · 0 评论 -
浅谈Angular中ngModel的$render
下面小编就为大家带来一篇浅谈Angular中ngModel的$render。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧在我开始着手ngModel的领域时候,有一个问题很令我纠结,那就是$render()到底是做什么的呢?查了很多资料都只是简单的描述一下,这就令我很纠结了,终于在一个阳光明媚的晚上,我终于解决了这个大问题那么这个$rend转载 2017-05-27 09:10:12 · 779 阅读 · 0 评论 -
angular指令心得(ng-model)
angular指令心得(ng-model)在项目中编写指令,常常会依赖其他的指令来实现想要达到的功能,其中最常用到的便是ng-model,它为我们明确了需要绑定的属性,虽然在指令中可以通过通过使用独立作用域的”=”来进行双向绑定,但使用ng-model更能简化指令的传值,符合angular的使用习惯。指令依赖angular中编写自定义指令是通过require属性来指定查转载 2017-05-27 09:37:45 · 969 阅读 · 0 评论 -
ie ng-repeat生成的option 表达式没有解析出来
解决方式 增加一个label 属性且赋值name即可原创 2017-10-25 16:16:45 · 499 阅读 · 0 评论 -
AngularJS中【Error: [$rootScope:inprog]】的解决办法
Error: [$rootScope:inprog]http://errors.angularjs.org/1.5.8/$rootScope/inprog?p0=%24apply如果使用以下代码提交变量更改[javascript] view plain copy$scope.$apply()转载 2017-10-25 17:17:30 · 11653 阅读 · 0 评论