新西兰天维网社区

 找回密码
登录  注册
搜索
热搜: 移民 留学
查看: 678|回复: 22
打印 上一主题 下一主题

[工作] angular 2 css class name [复制链接]

Rank: 17Rank: 17Rank: 17Rank: 17Rank: 17

升级  50.8%

UID
10039329
热情
20264
人气
22094
主题
304
帖子
17354
精华
1
积分
30159
阅读权限
30
注册时间
2016-10-21

新时政 元老勋章 10周年纪念 2019-2020年度金ID 2018年度金ID

跳转到指定楼层
楼主
发表于 2017-6-16 20:00:14 |只看该作者 |倒序浏览 微信分享
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>?


谢谢:-)

使用道具 举报

Rank: 6Rank: 6

升级  39.67%

UID
283537
热情
48
人气
487
主题
10
帖子
81
精华
0
积分
319
阅读权限
20
注册时间
2011-4-26
沙发
发表于 2017-6-16 20:06:59 |只看该作者 微信分享
直接去stackoverflow问吧

使用道具 举报

Rank: 12Rank: 12Rank: 12

升级  11.47%

UID
10061885
热情
1800
人气
3280
主题
4
帖子
2244
精华
0
积分
3672
阅读权限
30
注册时间
2017-6-7
板凳
发表于 2017-6-16 20:40:11 |只看该作者 微信分享
          我靠这个是啥              
签名及头像违规

使用道具 举报

Rank: 9Rank: 9Rank: 9

升级  19%

UID
10007284
热情
533
人气
1182
主题
61
帖子
571
精华
0
积分
1190
阅读权限
20
注册时间
2015-10-3
地板
发表于 2017-6-16 20:48:10 |只看该作者 微信分享
说实话,作为一个后端,完全不能理解node的意义。。。而且不相信,在NZ有能够达到需要前后分离的项目需求。

使用道具 举报

Rank: 9Rank: 9Rank: 9

升级  47.4%

UID
137453
热情
198
人气
501
主题
22
帖子
2207
精华
0
积分
1474
阅读权限
20
注册时间
2008-2-9

畅游勋章

5#分享本帖地址
发表于 2017-6-17 16:44:25 |只看该作者 微信分享
我了个去,竟然有人在这种地方问technical的问题?你真的是没地方没人问了么。。。。
真不行找我,有偿培训如果你需要的话

还有楼上,这个和node有半毛钱关系?

使用道具 举报

Rank: 17Rank: 17Rank: 17Rank: 17Rank: 17

升级  50.8%

UID
10039329
热情
20264
人气
22094
主题
304
帖子
17354
精华
1
积分
30159
阅读权限
30
注册时间
2016-10-21

新时政 元老勋章 10周年纪念 2019-2020年度金ID 2018年度金ID

6#分享本帖地址
发表于 2017-6-17 17:38:32 |只看该作者 微信分享
谢谢大家的指点

使用道具 举报

Rank: 17Rank: 17Rank: 17Rank: 17Rank: 17

升级  50.8%

UID
10039329
热情
20264
人气
22094
主题
304
帖子
17354
精华
1
积分
30159
阅读权限
30
注册时间
2016-10-21

新时政 元老勋章 10周年纪念 2019-2020年度金ID 2018年度金ID

7#分享本帖地址
发表于 2017-6-17 17:42:33 |只看该作者 微信分享
wentan 发表于 2017-6-16 20:48
说实话,作为一个后端,完全不能理解node的意义。。。而且不相信,在NZ有能够达到需要前后分离的项目需求。 ...

我没有使用node

我的工作的项目是后端asp.net mvc,前端是jquery/jquery mobile/xamarin,使用json api,应该是属于前后分离的项目

公司的客户们和老板都非常喜欢我设计的架构,速度非常快,一台服务器满足澳大利亚,新西兰的特定的市场:-)

使用道具 举报

Rank: 17Rank: 17Rank: 17Rank: 17Rank: 17

升级  50.8%

UID
10039329
热情
20264
人气
22094
主题
304
帖子
17354
精华
1
积分
30159
阅读权限
30
注册时间
2016-10-21

新时政 元老勋章 10周年纪念 2019-2020年度金ID 2018年度金ID

8#分享本帖地址
发表于 2017-6-17 21:17:14 |只看该作者 微信分享
我来回答我自己的问题 :-)

先要在自己的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 }">

使用道具 举报

Rank: 17Rank: 17Rank: 17Rank: 17Rank: 17

升级  50.8%

UID
10039329
热情
20264
人气
22094
主题
304
帖子
17354
精华
1
积分
30159
阅读权限
30
注册时间
2016-10-21

新时政 元老勋章 10周年纪念 2019-2020年度金ID 2018年度金ID

9#分享本帖地址
发表于 2017-6-17 21:20:10 |只看该作者 微信分享
OwlSolution 发表于 2017-6-16 20:40
我靠这个是啥

使用angular 2 开发responsive web page design

使用道具 举报

Rank: 9Rank: 9Rank: 9

升级  47.4%

UID
137453
热情
198
人气
501
主题
22
帖子
2207
精华
0
积分
1474
阅读权限
20
注册时间
2008-2-9

畅游勋章

10#分享本帖地址
发表于 2017-6-17 22:51:17 |只看该作者 微信分享
呃。。。你拿ng2-responsive就当个user agent parser?
讲真,你读过ng2-responsive的文档没?很难不看到的。。。

使用道具 举报

Rank: 12Rank: 12Rank: 12

升级  11.47%

UID
10061885
热情
1800
人气
3280
主题
4
帖子
2244
精华
0
积分
3672
阅读权限
30
注册时间
2017-6-7
11#分享本帖地址
发表于 2017-6-18 00:43:43 |只看该作者 微信分享
DDD888 发表于 2017-6-17 21:20
使用angular 2 开发responsive web page design

喔这样子   这个技术不算新了啊    我知道有个平台直接付费用户就可以自己买模板     
签名及头像违规

使用道具 举报

Rank: 9Rank: 9Rank: 9

升级  47.4%

UID
137453
热情
198
人气
501
主题
22
帖子
2207
精华
0
积分
1474
阅读权限
20
注册时间
2008-2-9

畅游勋章

12#分享本帖地址
发表于 2017-6-18 12:18:56 |只看该作者 微信分享
OwlSolution 发表于 2017-6-18 00:43
喔这样子   这个技术不算新了啊    我知道有个平台直接付费用户就可以自己买模板      ...

一个正式版出了不到一年,算上beta也不到两年的就不算新了么。。。这还要不要人活了

使用道具 举报

Rank: 12Rank: 12Rank: 12

升级  11.47%

UID
10061885
热情
1800
人气
3280
主题
4
帖子
2244
精华
0
积分
3672
阅读权限
30
注册时间
2017-6-7
13#分享本帖地址
发表于 2017-6-18 12:53:01 |只看该作者 微信分享
xlc0212 发表于 2017-6-18 12:18
一个正式版出了不到一年,算上beta也不到两年的就不算新了么。。。这还要不要人活了
...

哈哈哈  可能我外行了  别介意              
签名及头像违规

使用道具 举报

Rank: 17Rank: 17Rank: 17Rank: 17Rank: 17

升级  64.12%

UID
169882
热情
27789
人气
30633
主题
67
帖子
7052
精华
0
积分
32823
阅读权限
30
注册时间
2009-1-22

最强王者 永恒钻石 尊贵铂金 游戏勋章 元老勋章 新时政 畅游勋章 10周年纪念 20周年纪念 平安如意勋章

14#分享本帖地址
发表于 2017-6-18 15:19:36 |只看该作者 微信分享
好厲害呢....
雖然一句都沒看懂...但是感覺很高端呢....

使用道具 举报

Rank: 17Rank: 17Rank: 17Rank: 17Rank: 17

升级  50.8%

UID
10039329
热情
20264
人气
22094
主题
304
帖子
17354
精华
1
积分
30159
阅读权限
30
注册时间
2016-10-21

新时政 元老勋章 10周年纪念 2019-2020年度金ID 2018年度金ID

15#分享本帖地址
发表于 2017-6-20 14:43:15 |只看该作者 微信分享
xlc0212 发表于 2017-6-17 22:51
呃。。。你拿ng2-responsive就当个user agent parser?
讲真,你读过ng2-responsive的文档没?很难不看到的 ...

你给个答案呀

使用道具 举报

Rank: 9Rank: 9Rank: 9

升级  47.4%

UID
137453
热情
198
人气
501
主题
22
帖子
2207
精华
0
积分
1474
阅读权限
20
注册时间
2008-2-9

畅游勋章

16#分享本帖地址
发表于 2017-6-20 15:42:36 |只看该作者 微信分享
本帖最后由 xlc0212 于 2017-6-20 15:43 编辑
DDD888 发表于 2017-6-20 14:43
你给个答案呀

这得看你需求了,一般情况下 @media query 就足够用了,不懂自己谷歌吧


  1. @media only screen and (max-width:768px){
  2.     .whatever {
  3.         text-align: left;
  4.     }
  5. }

  6. @media only screen and (min-width:768px){
  7.     .whatever {
  8.         text-align: center;
  9.     }
  10. }
复制代码

使用道具 举报

Rank: 17Rank: 17Rank: 17Rank: 17Rank: 17

升级  50.8%

UID
10039329
热情
20264
人气
22094
主题
304
帖子
17354
精华
1
积分
30159
阅读权限
30
注册时间
2016-10-21

新时政 元老勋章 10周年纪念 2019-2020年度金ID 2018年度金ID

17#分享本帖地址
发表于 2017-6-20 15:56:59 |只看该作者 微信分享
xlc0212 发表于 2017-6-20 15:42
这得看你需求了,一般情况下 @media query 就足够用了,不懂自己谷歌吧

我就是不想用media query,不够灵活啦

我的解决方案比你的不是简单多了吗:-)

你有问题也可以在这里论坛里发出来问呀,我写程序22年了,如果我能解答的话,我会回帖的:-)

使用道具 举报

Rank: 9Rank: 9Rank: 9

升级  47.4%

UID
137453
热情
198
人气
501
主题
22
帖子
2207
精华
0
积分
1474
阅读权限
20
注册时间
2008-2-9

畅游勋章

18#分享本帖地址
发表于 2017-6-21 09:26:38 |只看该作者 微信分享
DDD888 发表于 2017-6-20 15:56
我就是不想用media query,不够灵活啦

我的解决方案比你的不是简单多了吗:-)

呵呵,各自需求不一样呗,怎么可能有满足所有需求的办法

有问题在这边问??你开玩笑么?https://stackoverflow.com/users/642626/bryan-chen
你要是不知道SO的话,到还真不辜负了你22年的经验了

使用道具 举报

Rank: 17Rank: 17Rank: 17Rank: 17Rank: 17

升级  50.8%

UID
10039329
热情
20264
人气
22094
主题
304
帖子
17354
精华
1
积分
30159
阅读权限
30
注册时间
2016-10-21

新时政 元老勋章 10周年纪念 2019-2020年度金ID 2018年度金ID

19#分享本帖地址
发表于 2017-6-21 11:43:44 |只看该作者 微信分享
xlc0212 发表于 2017-6-21 09:26
呵呵,各自需求不一样呗,怎么可能有满足所有需求的办法

有问题在这边问??你开玩笑么?https://stacko ...

因为是我问问题,当然要满足我的需求啦

如果是你问问题的话,另当别论 :-)

我的需求其实就是简单,易维护,灵活,别无其他

使用道具 举报

Rank: 17Rank: 17Rank: 17Rank: 17Rank: 17

升级  50.8%

UID
10039329
热情
20264
人气
22094
主题
304
帖子
17354
精华
1
积分
30159
阅读权限
30
注册时间
2016-10-21

新时政 元老勋章 10周年纪念 2019-2020年度金ID 2018年度金ID

20#分享本帖地址
发表于 2017-6-22 19:53:45 |只看该作者 微信分享
wentan 发表于 2017-6-16 20:48
说实话,作为一个后端,完全不能理解node的意义。。。而且不相信,在NZ有能够达到需要前后分离的项目需求。 ...

这份工作就使用node,应该是前后分开
http://www.trademe.co.nz/jobs/it ... ting-1349045207.htm

还愿意出20万新西兰元以上一年:-)

使用道具 举报

Rank: 17Rank: 17Rank: 17Rank: 17Rank: 17

升级  50.8%

UID
10039329
热情
20264
人气
22094
主题
304
帖子
17354
精华
1
积分
30159
阅读权限
30
注册时间
2016-10-21

新时政 元老勋章 10周年纪念 2019-2020年度金ID 2018年度金ID

21#分享本帖地址
发表于 2017-6-22 20:18:37 |只看该作者 微信分享
OwlSolution 发表于 2017-6-18 00:43
喔这样子   这个技术不算新了啊    我知道有个平台直接付费用户就可以自己买模板      ...

我工作的公司的客户付费给我的老板直接通过iframe使用我写的asp.net mvc的网站,没有给他们源程序代码,他们每月付费,交费模式就是象使用电力公司一样,每月按时付费,得到服务:-)

使用道具 举报

Rank: 9Rank: 9Rank: 9

升级  19%

UID
10007284
热情
533
人气
1182
主题
61
帖子
571
精华
0
积分
1190
阅读权限
20
注册时间
2015-10-3
22#分享本帖地址
发表于 2017-6-23 10:40:42 |只看该作者 微信分享
DDD888 发表于 2017-6-22 19:53
这份工作就使用node,应该是前后分开
http://www.trademe.co.nz/jobs/it/programming-development/listing ...

涨见识了。。。真的很好奇这到底是个什么项目。

使用道具 举报

Rank: 17Rank: 17Rank: 17Rank: 17Rank: 17

升级  50.8%

UID
10039329
热情
20264
人气
22094
主题
304
帖子
17354
精华
1
积分
30159
阅读权限
30
注册时间
2016-10-21

新时政 元老勋章 10周年纪念 2019-2020年度金ID 2018年度金ID

23#分享本帖地址
发表于 2017-6-23 18:27:30 |只看该作者 微信分享
wentan 发表于 2017-6-23 10:40
涨见识了。。。真的很好奇这到底是个什么项目。

而且用的是angular 1,那是老版本啦,我早就升级到angular 4啦:-) ,升级意味着重新写

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

手机版| 联系论坛客服| 广告服务| 招贤纳士| 新西兰天维网

GMT+12, 2025-7-28 08:53 , Processed in 0.028864 second(s), 15 queries .

Powered by Discuz! X2 Licensed

Copyright 2001- Sky Media Limited, All Rights Reserved.

回顶部