天马3798

一、表单定义 *会员编号： @AccountHelper.Code_Above * 旧登录密码 <input class="form-contr

一、ui-router 路由地址处理大小写默认ui-router的state（）方法指定路由配置对大小写敏感。解决方案一：$urlRouterProvider服务的rule()  方法提供处理客户端连接的接口，app.config(function ($urlRouterProvider) { // Here's an example of how you might allo

一、AngularJS ng-include指令定义和用法ng-include 指令用于包含外部的 HTML 文件。包含的内容将作为指定元素的子节点。ng-include 属性的值可以是一个表达式，返回一个文件名。默认情况下，包含的文件需要包含在同一个域名下。语法element ng-include="filename" onload="

一、使用angular-santize.js var app = angular.module("myApp", ['ngSanitize']);app.controller("myCtrl", function($scope) { $scope.myText = "My name is: John Doe";});ng-bind-html 指令是通一个安

一、在AngularJs的页面中，如果使用数据绑定生成链接，默认会添加'unsafe:'标识，对于页面定义好的不会添加。1.页面定义的javascript:void(0);可以使用abc2.对于数据绑定的链接或者使用ng-href产生的链接，默认会添加un-safe 生成链接 {{it

$http$http是Angular的一个核心服务，它有利于浏览器通过XMLHttpRequest 对象或者 JSONP和远程HTTP服务器交互。$HTTP API 是基于 $q服务暴露的deferred/promise APIs。快捷使用方式：$http.get$http.head$http.post$http.put$http.d

一.控制器使用示例ng-controller 请选择性别： 请选择 男 女 修改 js代码：var app= angular.module('module', []);app.controller('myCtrl',function(

AngularJS路由需要引用 angular-route.min.js 文件，特别说明，默认的路由不能指定远程文件，异步加载AngularJS 路由允许我们通过不同的 URL 访问不同的内容。通过 AngularJS 可以实现多视图的单页Web应用（single page web application，SPA）。通常我们的URL形式为 http://runoob.com/f

一、官方给的ngAnimate库的使用演示地址：http://augus.github.io/ngAnimate/源代码地址：https://github.com/Augus/ngAnimate二、完整的AngularJS动画+路由实例路由配置动态加载视图和控制器1.主页引用：HTML： 首页 关于页面

一、AngularJS动态加载控制器和视图实例1.引用：2.HTML 首页 关于页面 模板内容 3.Jsvar app = angular.module('myApp', ['oc.lazyLoad', 'ui.router'

一、定义和用法ng-switch 指令根据表达式显示或隐藏对应的部分。对应的子元素使用 ng-switch-when 指令，如果匹配选中选择显示，其他为匹配的则移除。你可以通过使用 ng-switch-default 指令设置默认选项，如果都没有匹配的情况，默认选项会显示。语法element ng-switch="expression">  elem

一、定义和用法ng-if指令用于在表达式为false时移除html元素。如果if语句执行结果为true，会添加移除元素，并显示。ng-if指令不同于ng-hide，ng-hide隐藏元素，而ng-if是从DOM中移除元素。语法：参数值值描述expression如果表达式返回 false 则会移除整个元素，如果为 tru

angularJS可以通过constant(name,value)和value(name,value)对于创建服务也是很重要的。相同点是：都可以接受两个参数，name和value。区别：1.constant(name,value)可以将一个已经存在的变量值注册为服务，并将其注入到应用的其他部分中。其中，name为注册的常量的名字，value为注册的常量的值或对象。举例：(1)v

我们可以使用内置的$http服务直接同外部进行通信。$http服务只是简单的封装了浏览器原生的XMLHttpRequest对象。1、链式调用$http服务是只能接受一个参数的函数，这个参数是一个对象，包含了用来生成HTTP请求的配置内容。这个函数返回一个promise对象，具有success和error两个方法。$http({ method: string, u

一、AngularJs中select绑定ng-model数字类型绑定问题使用ng-model绑定select的时候默认是string字符串，如果指定的number值会绑定失败举例说明： 请选择性别： 请选择 男 女 修改

一、AngularJs中的表单验证，仅提供了一些前台格式验证，如果想通过后台验证，则需要自定义处理自定义指定使用ajax后台验证示例： form .ng-invalid { background: red; }

一、在AngularJs中阻止事件冒泡方式 或者加载 $scope.show = function ($event) { //显示加载 $ionicLoading.show(); $event.stopPropagation(); }在Angular

代码：Validation Example<form class="form-horizontal container" ng-app="myApp" ng-controller="validateCtrl" name="myForm" novalidate> 用户名： 用户名是必须的

路由是这么定义的：?1234567891011$stateProvider   .state('page1', {     url: '/page1',     templateUrl: 'views/page1.htm

一、为ui-router添加进度条在使用动态控制器或者ajax，添加数据的时候需要进度条提示，我们可以使用路由状态的事件添加全局进度条提示$stateChangeStart: 当状态开始改变时触发$stateChangeSuccess: 当状态改变结束时触发二、实例1，创建一个进度条指令// Route State Load Spinner(used on pa

一、在AngularJs和JQuery插件共存咋项目中经常会遇到如下异常Type error : Cannot read property 'childNodes' of undefined解决方案1：$timeout(init, 0);引用$timeout服务，异步执行JQuery的初始化代码解决方案2：angular.element(document).re

1.在使用Angular 1.6版本的$http服务时会抛出异常：$http.get(...).success is not a function或者$http(...).success is not a function异常代码如下：//请求api$http.get('/api/user/showname', { params: { name: '张三'

1. select标签中的ng-model 使用时注意，选择的结果<form class="form-horizontal container" ng-app="myApp" ng-controller="validateCtrl" name="myForm" novalidate> 地区：

定义和用法ng-checked 指令用于设置复选框(checkbox)或单选按钮(radio)的 checked 属性。如果 ng-checked 属性返回 true，复选框(checkbox)或单选按钮(radio)将会被选中。语法input type="checkbox|radio" ng-checked="expression">/input>

在angular1有内置的路由服务，使用$route可以帮助实现路由的切换，视图的改变，但是$route只是包含了基本的功能，在很多场合不够用。uiRouter是第三方js库。需要引入“angular-ui-router.min.js”文件。Git源代码地址：https://github.com/angular-ui/ui-router官网地址：https://ui-router.gi

一、AngularJs中关于checkbox的双向绑定<input type="radio" ng-model="string" value="string" [name="string"] [ng-change="string"] ng-value="string">1.默认ng-model绑定返回的都是true或false 选择分类： 第

一、说明在angularjs中ng-if和ng-show/ng-hide 都能实现Dom元素在界面的显示和隐藏。但是两者不同，ng-if在表达式为false的情况下删除了Dom元素，ng-show在表达式为false的情况下是隐藏元素并没有删除。二、实例，在Bootstrap的按钮组中圆角问题HTML： ng-if和ng-show在bootstrap按钮组中的不同

基本说明参考：AngularJS路由之ui-router（一）模块创建时添加模块依赖“ui.router”var app = angular.module('myApp', ['ui.router']);后就可以使用一个叫做$state的服务,使用$stateProvider来配置这个服务.$stateProvider和angualr内置的$routeProvider的用法类似,但是它

一、AngularJS动画1.AngularJS提供了动画效果，可以配合Css使用。2.AngularJS使用动画需要引入 angular-animate.ming.js库3.需要在模块创建时引入'ngAnimate'模块var app = angular.module('myApp', ['ngAnimate']);4.AngularJS在加载成功后也会向当前页面添加一段基本的c

1.简单实例 var app = angular.module('myApp', []); app.directive('runoobDirective', function () { return { restrict:'E', template:'自定

对于指令，可以把它简单的理解成在特定DOM元素上运行的函数，指令可以扩展这个元素的功能。首先来看个完整的参数示例再来详细的介绍各个参数的作用及用法：angular.module('myApp', []) .directive('myDirective', function() { return { restrict: String,

在AngularJs中，模块是定义应用的最主要方式。模块包含了主要的应用代码。一个应用可以包含多个模块，每个模块都包含了定义具体功能的代码。使用模块能给我们带来许多好处，比如：1.保持全局命名空间的清洁；2.编写测试代码更容易，并能保持其清洁，以便更容易找到相互隔离的功能；3.易于在不同应用间复用代码；4.使应用能够以任意顺序加载代码的各个部分。AngularJs允许我

AngularJs 的 ng-repeat 让我们非常方便的遍历数组生成 Dom 元素，但是使用不当也会有性能问题。在项目中我们使用 ng-repeat 加载完一个列表后，如果再次请求数据，然后过滤列表，代码可能会这么写： 请求新数据 {{user.name}} Controller 的代码：app.controller('Test'

1.现象 {{x}} //使用ng-repeat 重复 html代码 var app = angular.module('myApp', []); app.controller('myCtrl', function ($scope) { $scope.items = [1, 2, 3, 2]; });当数

代码： {{x.id}}---{{x.name}} //AngularJs 自定义过滤器 //1.使用过滤器，取出重复 angular.module('common', []).filter('unique', function () { return function (collection, keyname)

什么是依赖注入wiki 上的解释是：依赖注入（Dependency Injection，简称DI）是一种软件设计模式，在这种模式下，一个或更多的依赖（或服务）被注入（或者通过引用传递）到一个独立的对象（或客户端）中，然后成为了该客户端状态的一部分。该模式分离了客户端依赖本身行为的创建，这使得程序设计变得松耦合，并遵循了依赖反转和单一职责原则。与服务定位器模式形成直接对比的是，它允许客户端了

在AngularJs中可以添加自定义过滤器，来过滤处理或格式化数据实例1： {{x.name}}----{{x.source}} {{x.name}}----{{x.source}}-----过滤处理：{{x | nameReplace:'name'

在AngularJs中 ，过滤器可以使用一个管道符（|）添加到表达式和指令中  。angularjs的filter功能可分为二种，一种是内置的过滤器，一种是自定义的。AngularJs过滤去可用于转换数据 !--大小写转换--> {{"lower cap string"|uppercase }} {{"Tank Is GOOD"

1.在JQuery Ajax回调函数中绑定$scope实例 真实姓名：{{user.RealName}} {{user}} var app = angular.module('myApp', []); app.controller('myCtrl', function ($scope, $compile)

$apply 和$digest  进行数据变化检查的实际上是$digest函数,但是我们往往不是直接使用$digest，而是使用$apply，$apply接收表达式或者函数作为参数后调用$digest来更新绑定部门以及监控器。那我们究竟要什么时候来调用$apply呢，实际上，Angular几乎在所有提供的代码中添加了$apply，如ng-click，初始controller，$http的回