你好! 如果你想学习如何使用angular技巧, 可以仔细阅读这篇文章,了解一下angular的基本语法知识。
npm install -g @angular/cli
ng new my-app
ng serve -o
创建自定义页面:ng g c 创建的页面路径
。 如:ng g c components/home,在components目录下创建了一个home的页面
ng g c components/home
在app-routing.module.ts
页面下配置路由。小技巧:可以先去app.module.ts目录下,复制创建生成的HomeComponent路径,然后在app-routing.module.ts粘贴引用即可
import { HomeComponent } from './components/home/home.component';
const routes: Routes = [
{
data:{title:"首页"},
path:"home",
component:HomeComponent
}
]
下面展示一些 *ngIf
用来显示隐藏
<div *ngIf="show"></div>
下面展示一些 let item of list
用来循环遍历数组
<div *ngFor="let data of list"></div>
下面展示一些 [class] [style]
。这是属性指令
<div [class]="attr"></div>
<div [style]="{color:'red'}"></div>
下面展示一些 (click)
。这是点击事件。click后面注意必须得加 ()
如:getclick()
。
<div (click)="getclick()"></div>
下面展示一些 [(ngModel)]
。双向绑定输入框
<input [(ngModel)]="num" />
<selest[(ngModel)]="select" />
<option>懂得都懂</option>
</select>
用flutter路由跳转页面时,主要用到的就是 Navigator.push(); 和 Navigator.pop(...
1 前置阅读 在阅读本文章之前,你可以先阅读: Topshelf一个用于使用.NET构建Win...
先给大家看几个实例的错误分析与解决方案。 1.ERROR 2002 (HY000): Can't connec...
前文介绍了 Docker容器技术 的一些基本概念和基本操作,可以说容器化技术已经应...
在这篇文章中,我们假定读者了解 VS 基本的调试知识,如: F5 开始使用调试器运...
如何准确地获得一个整数? function NumbersOnlyNoDecimals(pInString) lNumbers...
写在最前 本文章的思路都是看左神的算法课学到的并不一定每个题目都会用到全部的...
android9系统android studio项目改成用android.mk编译引用v7包第三方jar包aar文...
在使用spingMVC的拦截器来处理用户session失效的问题时,当用户session失效会返...
本文实例为大家分享了Javascript实现单选框效果的具体代码,供大家参考,具体内...