-
angulajs 中 $scope.$apply方法的作用
所属栏目：[安全] 日期：2020-12-17 热度：90
angulajs 中 $scope.$apply方法的使用 引出$apply的使用 angular本身提供的事件方法可以正常修改页面值 因为他本身自己调用了$scope.apply方法 当我们通过原生JS或者第三方库修改了angularjs中的数据 angularjs监控不到 所以我们要手动通知angularjs 说 js中[详细]
-
angularjs 中directive自定义指令介绍
所属栏目：[安全] 日期：2020-12-17 热度：135
angularjs中的自定义指令 一：自定义指令的介绍 作用: 增强HTML标签的功能 自定义HTML标签 在原生JS中,可以将公共的代码封装成函数 在angularjs中,可以将公共的HTML结构封装成自定义标签 操作DOM 在angularjs中,页面中的DOM与数据是有对应关系的 对数据做增[详细]
-
angularjs $window.height未定义
所属栏目：[安全] 日期：2020-12-17 热度：109
$ window.height未定义。哪里有问题？ FoodSearchControllers.controller('homeCtrl',['$scope','$http','$window','filterArgs',function($scope,$http,$window,filterArgs) { $scope.popupHeight = $window.height; console.log($scope.popupHeight);}]);[详细]
-
angularjs – 为什么要给一个“抽象：真”状态一个url？
所属栏目：[安全] 日期：2020-12-17 热度：51
我今天试图更好地理解Ionic的脚手架，我注意到的一个事情是，他们给抽象的状态的“标签”一个url。 我只使用抽象状态，我使用一个空字符串作为url，我注意到，如果我不小心尝试导航到抽象状态(而不是子状态)，我得到的错误： Cannot transition to abstract[详细]
-
angularjs – 停止角动画从ng-show/ng-hide发生
所属栏目：[安全] 日期：2020-12-17 热度：50
在我的AngularJS应用程序中，我使用fontawesome为我的加载旋转： i class="fa fa-spin fa-spinner" ng-show="loading"/i 我也使用AngularToaster的通知消息依赖于ngAnimate。当我在我的AngularJS应用程序中包含ngAnimate时，它通过以奇怪的方式动画化它们来[详细]
-
我应该使用哪种方法手动引导我的AngularJS？
所属栏目：[安全] 日期：2020-12-17 热度：127
我看到以下： angular.bootstrap(document,['TodoApp']);angular.bootstrap(angular.element("body")[0],['TodoApp']); 还有AngularJS文档提到这，我不是真的理解。 angular.element(document).ready(function() { angular.bootstrap(document); }); 这些方[详细]
-
angular2 – ngOnInit在可注入类被实例化时不被调用
所属栏目：[安全] 日期：2020-12-17 热度：180
为什么在解析Injectable类时调用ngOnInit()？ 码 import {Injectable,OnInit} from 'angular2/core';import { RestApiService,RestRequest } from './rest-api.service';@Injectable()export class MovieDbService implements OnInit { constructor(private[详细]
-
Angular 项目目录结构详解
所属栏目：[安全] 日期：2020-12-17 热度：80
我们已经通过Angular CLI命令行工具创建出来一个全新的Angular项目，要想写项目，首先我们要先搞清楚项目的目录结构是怎样的，每个文件又有什么意义，文件中的代码又起到什么作用。 首先看一下整体的目录结构： 可以看到，命令行工具自动生成了很多文件和目[详细]
-
【Angular】——tab页
所属栏目：[安全] 日期：2020-12-17 热度：157
先占位[详细]
-
Angular：路由参数传递
所属栏目：[安全] 日期：2020-12-17 热度：84
路由参数传递 查询参数时传递数据 首先设置查询参数 a [routerLink] = "['/stock']" [queryParams] = "{id:1}"股票/a queryParams是什么鬼 然后在跳转组件中设置ActivatedRoute，包含当前路由对象的信息 export class StockComponent implements OnInit { pr[详细]
-
angular4学习记录 -- 组件通讯、生命周期
所属栏目：[安全] 日期：2020-12-17 热度：99
angular4 组件通讯、生命周期 主要通讯形式 父组件通过属性绑定到子组件，子组件通过事件传递参数到父组件 父组件通过局部变量获取子组件的引用 父组件使用@ViewChild获取子组件的引用 两个不相关联的组件使用中间人模式交互 终极大招:创建一个服务注入到组[详细]
-
angular2 绘制星空背景图
所属栏目：[安全] 日期：2020-12-17 热度：157
制作一个星空背景动图 参考代码：http://www.htmleaf.com/Demo/201707294657.html import {Component,OnInit,HostListener} from "@angular/core";@Component({ selector: 'star-background',template: ` canvas id="canvas" style="position: absolute"/can[详细]
-
用得上的Angular库
所属栏目：[安全] 日期：2020-12-17 热度：162
dimpu/angular2-markdown https://github.com/dimpu/angular2-markdown[详细]
-
angular4开发分享（1） angular-cli
所属栏目：[安全] 日期：2020-12-17 热度：82
angular-cli 脚手架大大方便了，项目的开发，使用也非常简单。 https://cli.angular.io/ 提供了搭建一个angular项目的简单介绍。 本文就angular-cli这块的指令属性，在做一些扩展介绍。 npm install -g @angular/cling new PROJECT-NAMEcd PROJECT-NAMEng se[详细]
-
angular4开发分享（2） router
所属栏目：[安全] 日期：2020-12-17 热度：164
router 单页面应用通过路由来去渲染不同的视图，为用户在同一个页面看到不同的场景，提供基础服务。 在上一章节，通过新建项目之后，ngModule会自动引入路由模块，接下来需要做的事情就是对路由模块进行配置。为了方便维护，单独把路由模块的配置拿出来，再[详细]
-
angularJS的文件的下载
所属栏目：[安全] 日期：2020-12-17 热度：58
一，使用window.location.href+url的方式 这种方式可以获取到要下载的文件，但是当下载的文件不存在，或者下载过程中后台报错的话会发生跳转 二，使用$http实现异步无刷新的下载文件(1) $http({ method : "post", url : Constant.prefixUrl+"/customerQueryC[详细]
-
【Angular2】angular2 select change 事件实现下拉联动
所属栏目：[安全] 日期：2020-12-17 热度：179
一、实现要求 还用Angular2实现select下拉框联动的效果： 二、实现过程 2.1 项目结构 由于项目是使用了Angular2，前端工程化，组件化，在项目中，分成了下面的五个部分：css、html、routes、spec、component.ts。 每个文件具体是什么作用，小编将会在以后的[详细]
-
AngularJS跨域问题
所属栏目：[安全] 日期：2020-12-17 热度：136
一：案例实现 从网上下载了一个AngularJS项目，配置启动后发现数据发送不到自己的后台中去，总是提示跨域问题。 下面是AngularJS的部分代码： !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" html[详细]
-
AngularJS中的run方法介绍
所属栏目：[安全] 日期：2020-12-17 热度：191
AngularJS中的run方法初始化全局数据，只对全局作用域起作用，如$rootScope.多个控制器之间可以共享数据，如下代码所示： script type="text/javascript" var m1 = angular.module('myApp',[]); m1.run(['$rootScope',function($rootScope){ $rootScope.name[详细]
-
angular ng-include 指令的使用
所属栏目：[安全] 日期：2020-12-17 热度：88
angular ng-include 指令的使用 ng-include 指令用于包含外部的 HTML 文件。 包含的内容将作为指定元素的子节点。 ng-include 属性的值可以是一个表达式，返回一个文件名。 默认情况下，包含的文件需要包含在同一个域名下。 下面给出一个例子具体分析一下，[详细]
-
angularJS 自定义指令 方法属性：controller 和属性：controller
所属栏目：[安全] 日期：2020-12-17 热度：183
angularJS 自定义指令 方法属性：controller 和属性：controllerAs 自定义指令中还可以定义controller属性，是一个function，可以在其中定义数据和方法，可以提供给该指令的link内的方法使用。 示例的html: div ng-app="myApp" div ng-controller="firstCont[详细]
-
Angular4引入第三方库，以jQuery为例
所属栏目：[安全] 日期：2020-12-17 热度：84
如果我们想在Angular中使用第三方的库，比如jquery或bootstrap等，该如果做呢？ 首先我们先来看看package.json，这个文件列出了项目所使用的第三方依赖包。我们在创建新项目的时候默认会给我们下载一些包，这些是Angular自带的，存放在node_modules目录中。[详细]
-
angular4学习记录 -- 数据绑定、响应式编程、管道
所属栏目：[安全] 日期：2020-12-17 热度：72
angular4 数据绑定、响应式编程、管道 数据绑定 基本Html属性绑定 td [attr.colspan]="tableColspan"Something/td css类绑定 div class="aa bb" [class]="someExpression"something/div div [class.special]="isSpecial"something/div div [ngClass]="{aaa:i[详细]
-
angular4 学习记录 -- 表单
所属栏目：[安全] 日期：2020-12-17 热度：103
angular4 表单 模板表单 在app.module中导入FormsModule之后，项目中的form表单都会是一个ngForm，也就是一个模板表单。 import { NgModule } from '@angular/core';import { CommonModule } from '@angular/common';import { FormsModule } from "@angular/[详细]
-
观察者模式的一种运用
所属栏目：[安全] 日期：2020-12-17 热度：172
场景 如上图，在一个歌曲详情模块，假设有2个子模块，歌曲模块和评论模块。 在歌曲模块和评论模块中都有评论数量这个属性，当用户在评论模块发布了一条评论后，评论模块和歌曲模块的数量要同步更新。 评论模块的数量很好更新，歌曲模块的评论数量怎么同步更[详细]
