(function () {‘use strict‘;angular.module(‘common‘).directive(‘numFormat‘, function () {return {restrict: ‘A‘,require: ‘ngModel‘,scope: {isInt: ‘@‘,decimal: ‘@‘,},controller: [‘$scope‘, function ($scope) {}],link: function (scope, $element, $attr, ngModelCtrl) {function format() {if (ngModelCtrl.$modelValue === null) {ngModelCtrl.$setViewValue(null);ngModelCtrl.$render();} elseif (...
ionic作为应用，肯定和服务器有数据交换，分散处理api太繁琐，所以一般用拦截器来集中处理。 主要由以下几个方面的应用： 服务器地址注入错误处理token注入日志处理无token时跳转至登录页面 ... 有四个方法 request: function(config) requestError: function(config) response: function(response) responseError: function(response) 基本看方法名称就知道其意义。具体的用法、写法请参考：http://my.oschina.net/ilivebox/blo...
大纲 用于简单示例和简单应用的controller 应用多个controller应用的作用域问题controller继承作用域问题Controller的创建 AngularJs controller使用无处不在，在里代码演示比较简单的创建工作。<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" ng-app="exampleApp"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>App</title><script src="angular.js"></script><li...
什么是ng-classng-class最大的妙用就是可以根据你的逻辑表达式。来添加或移除对应的classng-class是angular.js里面内置的一个指令。项目中，有时候，我们需要根据需求来切换不同的classfunction bb($scope){$scope.ss="className"; } <div class="{{ss}}"></div>这种方式是scope变量绑定方式，个人觉得妙用谈不上，还不如直接写class=什么的字符串方式，比较长用function bu($scope) { $scope.ss= true; }<div ng-class="{true: ...
最近一月份的日子，学习了AngularJs，还只是刚刚入门而已。了解了基本的语法规则以及很简单的应用。仔细想想，学习AngularJs的时间大概半个月的时间，每天花在AngularJs上两三个小时。在短短的学习入门时间，也想简简单单地做一个阶段性的总结。下一次的学习应该是进阶。计划准备在NodeJs入门之后进阶AngularJs和NodeJs。AngularJs是什么东东？AngularJS 使得开发现代的单一页面应用程序变得更加容易（单一页面应用程序SPAs：Singl...
It it recommeded that when deals with form component, we can create a container component to hold state, and then create a stateless component to enpower the form.For example:In the example has two components, one is container component ‘meal.component.ts‘, another is statless component ‘meal-form.component.ts‘. For the container component, it talks to service:import {Component} from ‘@angula...
在使用AngularJS中处理promise的时候，有时会碰到需要处理多个promise的情况。最简单的处理就是每个promise都then。如下： var app = angular.module("app",[]);app.controller("AppCtrl", function($q. $timeout){var one = $q.defer();var two = $q.defer();var three = $q.defer();$timeout(function(){one.resolve("one done");}, Math.random() * 1000)$timeout(function(){two.resolve("two done");}, Math.random() * 1000)...
Angular CLI 1.7.4 在使用 ng build --prod 会构建失败，而 ng build 是正常的。比较好的解决办法是使用 ng build --prod --extract-license=false 或者 ng build --prod --no-extract-license。最近将 Angular CLI 升级到 6.X 之后，直接 ng build 会报以下错误，ng serve 也是如此。95% emitting LicenseWebpackPlugin(node:6252) UnhandledPromiseRejectionWarning: Error: ENOENT: no such file or directory, open 'D:\X\proj...
AngularJS中不仅内置了许多指令，而且开发人员也可以通过自定义指令来完成特殊操作，指令创建成功后可以到处复用。Web应用中的分页处理最为常见，我们可以将分页模块编写成一个可以复用的Angular指令，在使用时无需考虑指令的内部实现细节，像使用普通HTML元素一样简单。1：index.html<!DOCTYPE html><html ng-app="myApp"><head><title>TODO supply a title</title><meta charset="UTF-8"><meta name="viewport" content="width=d...
AngularJS学习笔记var BoxCtrl = function($scope, $element) { } var str = BoxCtrl.toString().replace(/\s/g, ‘‘).split(‘){‘)[0].split(‘(‘)[1] var arr = str.split(‘,‘) if (~arr.indexOf(‘$scope‘)) {console.log(‘$scope‘) } if (~arr.indexOf(‘$element‘)) {console.log(‘$element‘) } 原文：http://www.cnblogs.com/jzm17173/p/4205991.html
原文：http://www.cnblogs.com/aliwa/p/6368534.html
本文转自：https://blog.csdn.net/ygznx/article/details/78249118ust specify the IP in --host option like ng serve --host 192.16.1.1Now you can visit http://192.16.1.1:4200 in your browser and it will work下面是一个例子：ng serve --host 192.168.1.102 --port 4201.原文：https://www.cnblogs.com/freeliver54/p/9660569.html
1.与Angular1的异同 几乎完全不同（什么鬼~ 1）保留一些特性 表达式仍旧用{{}}。 2）属性指令变为驼峰式 ng-if ---> ngIf 3）ng-repeat被ngFor代替 4）ng-model ------> [(ngModule)] 注意符号 5）Angular2中，自带原始指令要加哈希前缀 # 6）Angular2新增了对移动端的设计 7）Angular2摒弃了1中的核心：$scope 8）Angular2使用zone.js来检测变化。 9）新增组件类component 可以说是取代了1中的controller： temp...
//个人中心路由;angular.module(‘userApp‘).config([‘$stateProvider‘, ‘$urlRouterProvider‘,function ($stateProvider, $urlRouterProvider) { $urlRouterProvider.otherwise(‘/collectRecord‘); $stateProvider.state("collectRecord", { //收藏记录 url: "/collectRecord", templateUrl: "collectRecord.html", controller: ‘collectRecordController‘ }).state("pushRecord", {...
1. 安装AngularJS1.1 AngularJS官网 Github源码：https://github.com/angular/angular.js 官网：https://angularjs.org/1.2 npm安装AngularJSnpm install angular 原文：http://www.cnblogs.com/libingql/p/6919257.html