新西兰天维网社区

标题: angular 2 css class name [打印本页]

作者: DDD888 时间: 2017-6-16 20:00:14 标题: angular 2 css class name

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>?

谢谢:-)

作者: 隼龙 时间: 2017-6-16 20:06:59

直接去stackoverflow问吧

作者: OwlSolution 时间: 2017-6-16 20:40:11

我靠这个是啥

作者: wentan 时间: 2017-6-16 20:48:10

说实话，作为一个后端，完全不能理解node的意义。。。而且不相信，在NZ有能够达到需要前后分离的项目需求。

作者: xlc0212 时间: 2017-6-17 16:44:25

我了个去，竟然有人在这种地方问technical的问题？你真的是没地方没人问了么。。。。
真不行找我，有偿培训如果你需要的话

还有楼上，这个和node有半毛钱关系？

作者: DDD888 时间: 2017-6-17 17:38:32

谢谢大家的指点

作者: DDD888 时间: 2017-6-17 17:42:33

wentan 发表于 2017-6-16 20:48
说实话，作为一个后端，完全不能理解node的意义。。。而且不相信，在NZ有能够达到需要前后分离的项目需求。 ...

我没有使用node

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

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

作者: DDD888 时间: 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 }">

作者: DDD888 时间: 2017-6-17 21:20:10

OwlSolution 发表于 2017-6-16 20:40
我靠这个是啥

使用angular 2 开发responsive web page design

作者: xlc0212 时间: 2017-6-17 22:51:17

呃。。。你拿ng2-responsive就当个user agent parser？
讲真，你读过ng2-responsive的文档没？很难不看到的。。。

作者: OwlSolution 时间: 2017-6-18 00:43:43

DDD888 发表于 2017-6-17 21:20
使用angular 2 开发responsive web page design

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

作者: xlc0212 时间: 2017-6-18 12:18:56

OwlSolution 发表于 2017-6-18 00:43
喔这样子这个技术不算新了啊我知道有个平台直接付费用户就可以自己买模板 ...

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

作者: OwlSolution 时间: 2017-6-18 12:53:01

xlc0212 发表于 2017-6-18 12:18
一个正式版出了不到一年，算上beta也不到两年的就不算新了么。。。这还要不要人活了
...

哈哈哈可能我外行了别介意

作者: king_of_cut_gir 时间: 2017-6-18 15:19:36

好厲害呢....
雖然一句都沒看懂...但是感覺很高端呢....

作者: DDD888 时间: 2017-6-20 14:43:15

xlc0212 发表于 2017-6-17 22:51
呃。。。你拿ng2-responsive就当个user agent parser？
讲真，你读过ng2-responsive的文档没？很难不看到的 ...

你给个答案呀

作者: xlc0212 时间: 2017-6-20 15:42:36

本帖最后由 xlc0212 于 2017-6-20 15:43 编辑

DDD888 发表于 2017-6-20 14:43
你给个答案呀

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

@media only screen and (max-width:768px){
.whatever {
text-align: left;
}
}
@media only screen and (min-width:768px){
.whatever {
text-align: center;
}
}

复制代码

作者: DDD888 时间: 2017-6-20 15:56:59

xlc0212 发表于 2017-6-20 15:42
这得看你需求了，一般情况下 @media query 就足够用了，不懂自己谷歌吧

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

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

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

作者: xlc0212 时间: 2017-6-21 09:26:38

DDD888 发表于 2017-6-20 15:56
我就是不想用media query,不够灵活啦

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

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

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

作者: DDD888 时间: 2017-6-21 11:43:44

xlc0212 发表于 2017-6-21 09:26
呵呵，各自需求不一样呗，怎么可能有满足所有需求的办法

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

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

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

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

作者: DDD888 时间: 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万新西兰元以上一年:-)

作者: DDD888 时间: 2017-6-22 20:18:37

OwlSolution 发表于 2017-6-18 00:43
喔这样子这个技术不算新了啊我知道有个平台直接付费用户就可以自己买模板 ...

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

作者: wentan 时间: 2017-6-23 10:40:42

DDD888 发表于 2017-6-22 19:53
这份工作就使用node,应该是前后分开
http://www.trademe.co.nz/jobs/it/programming-development/listing ...

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

作者: DDD888 时间: 2017-6-23 18:27:30

wentan 发表于 2017-6-23 10:40
涨见识了。。。真的很好奇这到底是个什么项目。

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

欢迎光临新西兰天维网社区 (http://bbs.skytrade.co.nz/)