angular 2 css class name

DDD888 · 发表于 16-6-2017 19:00:10

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？FreeOZ用户注册

x

https://www.npmjs.com/package/ng2-responsive

在angular 2 项目里使用ng2-responsive，如何根据isMobile来设置css class name i.e. <p class="*isMoble mobileFontClass"></p>
<p class="*isDesktop desktopFontClass"></p>?

谢谢

DDD888 · 发表于 17-6-2017 20:17:45

我来回答我自己的问题

先要在自己的component里
import {ResponsiveState} from 'ng2-responsive';
isMobile: Boolean
constructor(private responsiveState: ResponsiveState) {
this.isMobile = responsiveState.userAgent_data().mobile.state
}
html template里
<div [ngClass]="{'center': !isMobile }">

		自动登录	找回密码
密码			FreeOZ用户注册

FreeOZ

[学习深造] angular 2 css class name

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。