OnInit

首页 > TAG信息列表 > OnInit

angular中从0到1：条件语句ngIf、ngSwitch的使用

原文链接：这里 0.前言 angular中的if在，一种是 *ngIf=”expression” ,一般写在html中。这篇文章主要记录*ngIf的几种用法。 1. ngIf用法 1.1可以用作显示和隐藏 HTML <div *ngIf="isShow" > 窗前明月光 </div> <button (click)="change()">显示/隐藏</button> TS

angular从0到1：样式(css)的使用(上)

原文链接:这里 0.前言写代码最讨厌的一件事就是写css，真的是难啊。不过还是要写，这篇文章主要记录angular中样式的不同写法。具体演示的是[ngclass]。本文为了表示更加清除，没有使用template模板 1.引用css文件(最原始方法) TS文件： import { Component, OnInit } from '@angular/

angular从0到1:生命周期、Constructor和OnInit的区别、自定义函数

原文链接：这里本文建议vscode先安装angular的插件，这样很多代码会自动生成 1.Constructor和OnInit的区别当我们创建一个组件时，ts文件默认写成下面的样子 import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-menu', templateUrl:

使用Angular reactive form发送HTTP请求的一个简单例子

form源代码： import { Component, OnInit } from '@angular/core'; import { FormControl } from '@angular/forms'; @Component({ selector: 'jerryform', template: ` Favorite Color: <input type="text" [formControl]=

页面初始化调用configuration.setLocale()接口踩坑记录

问题描述快应用app.ux中定义了全局方法changeLocaleConfiguration，该方法是用于设置应用显示语言，在首页生命周期onInit中调用changeLocaleConfiguration()，实际已经触发了该方法，但是应用语言并未发生改变。代码如下： app.ux中： changeLocaleConfiguration() { this.localeOb

对.net中的ViewState的理解

TRULY Understanding ViewState这篇关于ViewState的文章讲的很好，记录一下我读完后关于ViewState的理解。 ViewState背后通过StateBag实现，StateBag类似HashTable功能，通过简直对记录控件属性。所不同的是，StateBag有记录属性是否被修改过的功能:被修改的属性被标记为Dirty。对控件属

防止多次submit

原文链接：http://www.cnblogs.com/jacktang/articles/1687499.html http://www.codeproject.com/KB/aspnet/DisableSubmitButton.aspx Disable ASP Button on Submit and capture the PostBack OnClick EventBy Christopher G. Lasater This article desc

angular 学习笔记之父子组件传值@Input @Output @ViewChild

style.css全局的css.(单纯写在这和本次无关) 一、父组件给子组件传值 -@Input 1. 父组件调用子组件的时候传入数据（news.html） <app-header [msg]="msg"></app-header> 2. 子组件引入Input模块（header.ts文件） import { Component, OnInit ,Input } from '@angular/core'; 3. 子

angular中父组件给子组件传值-@input

1. 父组件调用子组件的时候传入数据 <app-header [msg]="msg"></app-header> 2. 子组件引入 Input 模块 import { Component, OnInit ,Input } from '@angular/core'; 3. 子组件中 @Input 接收父组件传过来的数据 export class HeaderComponent implements OnIn

angular自定义组件

https://cli.angular.io/ 打开终端创建header组件: ng g component components/header import { Component, OnInit } from '@angular/core'; /*引入 angular 核心*/@Component({ selector: 'app-header', /*使用这个组件的名称*/ templateUrl: './header.compo

Angular 中 @ViewChild 与 @ContentChild 的区别

概述在组件交互中，组件之间的镶嵌一般有两种方式：在创建父组件时将子组件直接写在模版中。子组件通过投影方式嵌入父级组件，通过 ng-content 形式。在这两种情况下，如果我们需要访问子组件的公开属性或方法，就需要使用 @ViewChild 与 @ContentChild 装饰器了。他们依次代表上