AngularJS 获取ng-repeat动态生成的ng-model值 最近做项目遇到了ng-model是ng-repeat动态生成的，ng-model=”变量”，什么变量，是未知的，所以你无法在$scope."变量"取到值，就算取到值也是其中一个值，这样的问题，经过百度一番查找找到解决方案，这里记录下，也行可以帮助到大家。 代码 html <div><div class="modal-header"><h3 class="modal-title">用例集全局参数配置</h3></div><div class="modal-body"><tab...
AngularJS extend用法 angular.extend:依次将第二个参数及后续的参数的第一层属性（不管是简单属性还是对象）拷贝赋给第一个参数的第一层属性，即如果是对象，则是引用的是同一个对象，并返回第一个参数对象。 实例一：var r = angular.extend(b, a);将对象a的第一层属性（不管是简单属性还是对象）拷贝赋给对象b的第一层属性，即如果是对象，则是引用的是同一个对象，并返回对象bJs代码 var a = { name : bijian, addr...
AngularJS自带了很多验证，什么必填，最大长度，最小长度...，这里记录几个有用的正则式验证 1.使用angularjs的表单验证 正则式验证 只需要配置一个正则式，很方便的完成验证，理论上所有的验证都可以用正则式完成 //javascript $scope.mobileRegx = "^1(3[0-9]|4[57]|5[0-35-9]|7[01678]|8[0-9])\\d{8}$"; $scope.emailRegx = "^[a-z]([a-z0-9]*[-_]?[a-z0-9]+)*@([a-z0-9]*[-_]?[a-z0-9]+)+[\.][a-z]{2,3}([\.][a-z]{2})?$"; $sc...
本文实例讲述了AngularJS模板加载用法。分享给大家供大家参考，具体如下： angular模板加载 ----ng-template AngularJS作为mvc（或者说mvvm)框架，同样具备模板这一基本概念。 NG加载模板的顺序为 内存加载---AJAX加载。 内存加载 如果之前使用过Bootstrap 插件的ng版，即angular-ui，就会了解到这种方式的具体应用。模板本质上是字符串，把字符串直接写入内存，加载时直接从内存获取，速度会更快，有两种方式显式启用内存加载。 通...
本文实例讲述了AngularJS指令用法。分享给大家供大家参考，具体如下： 指令（directives）是任何AngularJS应用中最重要的成分。尽管AngularJS已经自带了很多指令，你经常会发现需要自己亲手创建一些特别的指令。本文将会带你了解自定义指令并解释如何在现实世界中的Angular项目中使用它们。文章的最后，我们将一起用Angular指令来创建一个简单的笔记小应用。 综述 一个指令就是一个引入新语法的东西。指令是在DOM元素上做的标记，并...
首先本文以个人目前项目的部分代码为例说明为什么要用deferred。 function getBase64(img){//传入图片路径，返回base64function getBase64Image(img,width,height) {var canvas = document.createElement("canvas");canvas.width = width ? width : img.width;canvas.height = height ? height : img.height;var ctx = canvas.getContext("2d");ctx.drawImage(img, 0, 0, canvas.width, canvas.height);var dataURL = canvas.toDat...
本文实例讲述了AngularJS控制器之间的通信方式。分享给大家供大家参考，具体如下： 一、利用作用域的继承方式 由于作用域的继承是基于js的原型继承方式，所以这里分为两种情况，当作用域上面的值为基本类型的时候，修改父作用域上面的值会影响到子作用域，反之，修改子作用域只会影响子作用域的值，不会影响父作用域上面的值；如果需要父作用域与子作用域共享一个值的话，就需要用到后面一种，即作用域上的值为对象，任何一方的修改...
本文实例讲述了AngularJS中transclude用法。分享给大家供大家参考，具体如下： Transclude - 在Angular的指令中，大家会看到有一个这样的一个配置属性，这个单词在英文字典里面也查询不到真实的意思，所以就用英文来标示它吧。如果你深入的使用angular的话，你就花很大一部分时间来创建自定义指令，那么就不可避免的要深入理解transclude。简单的讲，transclude主要完成以下工作，取出自定义指令中的内容(就是写在指令里面的子元素...
angular2 的依赖注入包含了太多的内容，其中的一个重点就是注入器，而注入器又非常难理解，今天我们不深入介绍注入器的内容，可以参考官方文档，我们今天来说注入器的层级。 也就是组件获取服务的容器会选择具体哪一个。 先简单介绍一个背景：有3个组件AppComponent 根组件、DetailList组件 ( 日志列表组件)、Detail组件( 日志组件)。这三个组件会形成一个组件树，对应的我们也可以认为每个组件都会有一个独立的注入器(有时候不会出...
AngularJS使用directive()方法类定义一个指令： .directive("name",function(){return{}; })上面是定义一个指令的主体框架，该方法接受两个参数： 1、第一个参数：name表示定义的指令的名称（angularjs会用这个name注册这个指令） 2、第二个参数：函数，该番薯必须返回一个对象或者一个函数，但通常我们会返回一个对象。return后接的就是返回的对象。 在返回的对象中有一个scope属性，这个属性用来修饰指令的作用域。 每次在注册一...
表单验证 我去，我感觉我这个人其实还是一个很傻逼的一个人，老是因为拼错了一个单词或者怎么样就浪费我很长时间，这样真的不行不行，要正确对待这个问题，好了，说正题吧，angular也有表单验证minlength,maxlength,required呀这些个东西，还有也支持h5的那些验证,h5的那些验证，就是type啦，type=email,number,url呀这些，然后现在要用angular来验证，可以定义样式哈，不错，然后怎么验证呢，好的上代码 <!DOCTYPE html> <html ng...
angular的双向数据绑定，个人理解是，通过model建立数据模型，那么视图上的数据就会对应存储在angular程序里，视图上的数据变化会同步到model，model的数据改变也会同步到视图。 下面的demo演示： <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>hello, AngularJS!</title><script src="angular.js"></script> </head> <body><div ng-app><!-- ng-model指令将表单的value绑定到model的username变量--><inpu...
在angular的服务中，有一些服务你不得不去了解，因为他可以说是ng的核心，而今天，我要介绍的就是ng的两个核心服务，$parse和$compile。其实这两个服务讲的人已经很多了，但是100个读者就有100个哈姆雷特，我在这里讲讲自己对于他们两个服务的理解。 大家可能会疑问，$eval呢，其实他并不是一个服务，他是scope里面的一个方法，并不能算服务，而且它也基于parse的，所以只能算是$parse的另一种写法而已，我们看一下ng源码中$eval的...
准备 Angular 2 环境 ng-bootstrap 是基于 Angular 2 的， 因此需要先准备 Angular 2 的环境。 使用 ng-bootstrap 下载 ng-bootstrap ng-bootstrap 使用 bootstrap 4.0 alpha2 ， 因此需要先下载 bootstrap ， 推荐使用 npm 包的形式： npm install bootstrap@4.0.0-alpha.2 --save接着下载 ng-bootstrap ， 同样使用 npm 包的形式： npm install @ng-bootstrap/ng-bootstrap --save修改 systemjs.config.js 现在需要修改一下 syst...
Angular的模块的目的是用来组织app的逻辑结构。在ng中使用@NgModule修饰的class就被认为是一个ng module。NgModule可以管理模块内部的Components、Directives、Pipes，引入Service，并控制外部组件对内部成员的访问权限。 angular2 具有了模块的概念，响应了后台程序的号召，高内聚 低耦合。模块就是用来进行封装，进行高内聚 低耦合的功能。 其实各人认为ng2 的模块和.net的工程类似，如果要使用模块中定义的功能，第一步就是必须...