![](https://img-blog.csdnimg.cn/20191026112512721.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Angular
明致成
人生海海,山山而川,不过尔尔!
展开
-
Angular4基础开发文档
Angular4基础开发文档原创 2019-11-24 13:32:36 · 378 阅读 · 0 评论 -
angular4.x——路由模块
一、Angular 命令创建一个配置好路由的项目1、命令创建项目ng new demo02 –-routing2、创建需要的组件ng g component homeng g component newsng g component newscontent3、找到 app-routing.module.ts 配置路由引入组件import { HomeCompo...翻译 2019-06-01 09:59:30 · 631 阅读 · 0 评论 -
Angular4.x学习——*ngFor与*ngIf的使用
<el-menu model="1" background-color="#1b2637" text-color="#ffffff" active-text-color="#0066ff"> <!--此处ng-container标签是一个虚拟的标签,不会被渲染,是用来避免*ngFor和*ngIf放在同一标签上冲突--> <ng-container *ngFo...原创 2019-05-25 15:22:38 · 1587 阅读 · 0 评论 -
angular1.x中$apply()、$evalAsync()、$digest()比较说明
一般情况下,我们都是在AngularJS的上下文中操作的,angularJS会帮我们自动的计算和检测发生变化的变量以及对象。然而,当我们在angularJS上下文之外操作的时候,angularJS是检测不到的,所以需要我们手动的去同步:1、$apply()2、$evalAsync()3、$digest()4、$timeout()以下简要的说明一下这几个方法:$...原创 2019-05-05 22:11:48 · 595 阅读 · 0 评论 -
angular脚手架cli使用
1、自定义组件:ng g component components/header其中components是组件要存放的目录,如果不加,则会存放在app目录下。2、其他自定义创建命令:ng g directive my-new-directiveng g pipe my-new-pipeng g service my-new-serviceng...原创 2019-05-04 19:48:48 · 272 阅读 · 0 评论 -
angular4.x脚手架创建新项目
1、环境要求:nodeJS必须6.9.x以上版本:用node -v测试node -vnpm必须3.x.x以上版本:用npm -v测试npm -v2、全局安装angular cli脚手架:①、使用npm安装:npm install -g @angular/cli如果网速太慢,我们可以使用cnpm安装cnpm:npm install -g cnp...原创 2019-05-04 19:11:34 · 394 阅读 · 0 评论 -
AngularJs全局函数
angular.uppercase(string);将指定的字符串转换为大写angular.lowercase(string);将指定的字符串转换为小写angular.toJson(obj, pretty);把对象转为Json字符串angular.fromJson(json);把Json字符串转为对象angular.isUndefined(value);判断参数是否是一个Undefi...原创 2019-02-22 22:29:15 · 1132 阅读 · 2 评论 -
指令:angular手动编译动态添加的dom
有时候,页面中的dom是需要动态生成的,所以这时候就可能需要我们手动去编译动态添加的dom,如下:/** * 手动编译动态添加的dom */indexMod.directive('bindHtmlCompile',['$compile',function($compile){ return { restrict: 'EA', link: function(scope,ele...原创 2019-01-02 22:15:31 · 846 阅读 · 0 评论 -
angular请求头$http的问题
angular的请求头必须修改为form表单的请求类型:appModule.service('service',function($http){ $http.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8'; $http.defaults.headers....原创 2019-01-02 22:08:15 · 405 阅读 · 0 评论 -
angular平时的一些小总结
1、angular强制更新视图:$scope.$apply(function(){ //some code});2、angular.element()其实就是一个语法糖,与jQuery的$("")获取元素方法差不多3、angular页面加载完成后执行:$document.ready();4、备份数据:angular.extend({},source) ...原创 2019-02-24 12:46:36 · 136 阅读 · 0 评论 -
Angular指令相关
1、link函数相关的要点: <div ng-controller="MainCtrl"> <input type="text" ng-model="color" placeholder="Enter a color" /> <hello-word></hello-word>原创 2018-08-09 11:54:01 · 241 阅读 · 0 评论 -
Angular重要知识点总结
1、表达式{{ }}中不能使用流程控制语句if,else2、angular依赖注入有两种方式:①推断式注入.controller("myCtrl",function($scope){ //.....})②内联式注入.controller("myCtrl",["$scope",function($scope){ //.....}])区别:推断式注入不支持代码的压缩...原创 2018-08-19 18:57:10 · 1189 阅读 · 0 评论 -
angular使用进一步总结
1、不同模块之间(或者多层父子之间传递)的controller如何调用方法? ①使用$rootScope作用域【有风险,一般不用】:在控制器中传入$rootScope,将方法绑在$rootScope上进行传值。 ②找到共同的父作用域$parent 如,$scope.$parent.$parent....多级嵌套,然后将方法绑定在它们的共同根作用域上。2、comp...原创 2018-10-02 06:16:24 · 505 阅读 · 0 评论 -
angular使用进一步总结2
angular核心特性---Module config-routes filter directive factory-service-provider-value controller 官方推荐的模块切分方式: controller directive services routes ...原创 2018-10-05 20:32:15 · 460 阅读 · 0 评论 -
angular-------$scope.$watch用法
$watch()函数,用于监视模型数据的变化。$watch(参数1,参数2,参数3) 参数1:监视的对象 参数2:监视数据改变执行的函数 参数3:[可选],布尔值-默认为fasle:不监视对象深层属性,true:监视对象深层属性。1. 监听单个普通变量$scope.$watch("name", functio...原创 2018-12-02 18:27:43 · 1519 阅读 · 0 评论 -
angular组件实现bootstrap的popover气泡弹窗
自定义popover组件HTML结构:<div class="popover-modal" data-ng-show="isShow"> <div class="triangle"></div> <div> <div class="popover-header"&am原创 2018-12-30 17:20:12 · 1770 阅读 · 0 评论