小编Vik*_*ram的帖子

基于变量angular生成动态css

我正在开发一个用angular 4开发的管理面板,并试图集成一个部分来自定义样式,如更改颜色,bg等.我已经开发了一个部分来保存数据库中的设置,使用API​​将它们作为json加载到json.

现在我尝试使用json中的值生成动态css,我尝试使用主要组件中的以下代码,但它无法正常工作

@Component({
      templateUrl: 'card.html',
      styles: [`
        .card {
          height: 70px;
          width: 100px;
          color: {{css.cardColor}};
        }
      `],
})
Run Code Online (Sandbox Code Playgroud)

我不确定如何在组件中加载css值并在样式标记中使用它们.我没有找到任何其他解决方案.

另一种方法是使用角度动画概念,但css将是巨大的,并且不可能使用触发器和所有的角度动画来实现它.我相信有一个解决方案,因为它似乎是一个真正的要求,应该由许多其他开发人员完成.

任何帮助都很明显.

编辑:不能使用ngStyle作为几乎所有元素应用于整个应用程序,而不仅仅是特定元素.

javascript css typescript angular2-template angular

20
推荐指数
4
解决办法
6万
查看次数

编写全局函数以在 angular 的所有组件中使用

注意:它不是用于全局变量,而是用于对所有组件执行功能的全局通用函数

我正在开发一个 angular 应用程序,其中我在不同模块中有大约 400 个组件,几乎所有组件都具有一种相同的功能,如下所述

许多页面上都有一个部分显示“如何工作部分”,用户可以关闭该部分,除非他们再次打开,否则将保持关闭状态,我已经使用我在单击关闭或打开图标时设置的 cookie 完成了它,但是这个函数写在一个组件中,这需要在其他组件中导入

我想在某处创建一个功能,该功能在单击图标时执行此功能,并且可以在不导入其他组件的情况下调用。

一种方法(如我所想)可能是在文件中创建一个 JavaScript 函数并将其加载到索引文件中,然后在单击关闭和打开图标时调用此函数

不确定这是否是最好的方法。希望有人能提出更好的解决方案。

javascript components function angular

18
推荐指数
3
解决办法
2万
查看次数

如何获得当前的时间在jinja

获取jinja标签中当前日期时间值的方法是什么?

在我的项目中,我需要在站点的右上角显示UTC的当前时间.

jinja2

9
推荐指数
2
解决办法
2万
查看次数

在角度/材料中找不到导出材料模块

我按照指南安装了https://github.com/isaacplmann/ngx-tour模块并进行了集成,但是我export materialmodule was not found in angular/material 在npm start或build中遇到了其他类似的错误.这可能是什么问题,如何解决.我已经检查了包,所有都已安装.

谢谢

angular-material angular-material2 angular

8
推荐指数
2
解决办法
8483
查看次数

Window.opener 不适用于条带连接弹出窗口

我的项目中集成了条带连接,条带验证窗口在弹出窗口中打开,关闭时重新加载父窗口。

几天前我工作正常,但现在它给了我 window.opener is null 错误以下是我的代码

window.opener.location.reload();
Run Code Online (Sandbox Code Playgroud)

javascript jquery window.opener stripe-connect

5
推荐指数
1
解决办法
526
查看次数

Angular 4应用程序无法在IE11和Edge上运行

我正在开发角度4应用程序,并且它在除IE11和边缘之外的所有浏览器上工作正常,我检查解决方案并添加了es15支持并添加了polyfill以支持IE但它仍然无法正常工作.

问题:第一次在IE上加载并在几次刷新后加载但未完全加载.

我已经完成了这里提到的polyfill修复

任何帮助都很明显

谢谢

polyfills angular

5
推荐指数
1
解决办法
9440
查看次数

AOT build files size is larger than normal build

I am working on a angular 7 app which works fine except loading issues, on research I found that I should be using AOT build instead of JIT or normal build, I was not able to make aot build because of huge application size, it was returning heap our of memory issue. Later I removed some modules and components to make AOT build possible which worked but then I realized that AOT build file size is much larger than normal …

angular angular-aot angular7

5
推荐指数
1
解决办法
147
查看次数

两周前选择查询

在我的数据库表中,我有一个日期字段(varchar字段以yy-mm-dd格式保存日期),现在我想选择两周前的记录.我该怎么做 ?

mysql select date-arithmetic

4
推荐指数
1
解决办法
9055
查看次数

面向Saas产品客户的自定义域功能

我已经构建了一个与golang rest api集成的angular 4的saas产品,并在AWS ec2实例上上传了该构建。我的项目是一个基于多租户的应用程序,该程序将客户仪表板加载到商人名称.mystore.com子域上,但是一些要求自定义域功能的客户应该能够将其加载到mydomain.com上。

我已经在apache2.conf文件中使用以下代码完成了子域部分,因此所有子域都从角度应用文件所在的apps文件夹中加载

<VirtualHost *:80>
    ServerAlias *.mystore.com
   DocumentRoot /var/www/html/apps
    <Directory "/var/www/html/apps">
        AllowOverride All
        Require all Granted
    </Directory>
</VirtualHost>
Run Code Online (Sandbox Code Playgroud)

对于自定义域功能,我在admin中有一节保存自定义域,但不确定如何实现。

我想到的可能方法是

  1. 创建虚拟主机文件,并在每个商户注册时使用其自定义域对其进行更新
  2. 用htaccess文件和mod_rewrite以某种方式执行

Shopify会这样做,但不确定他们如何加载特定于商家的商店。另一个让我忙于思考的问题是我应该要求更新哪些值

  1. 域名注册商的IP地址
  2. 命名服务器(不知道它将对我的AWS造成什么影响)
  3. 如某些文章所述,要求创建CNAME或A记录

apache .htaccess mod-rewrite amazon-ec2 amazon-web-services

4
推荐指数
1
解决办法
865
查看次数

为什么角度包装是分开的,为什么我们需要它们

我已经开始构建一个新的角度2应用程序.我已经阅读了文章,并从github下载了一些免费应用程序,所有这些应用程序都包含angular/comman包以及其他一些软件包.我安装了angular包,并将其添加"angular": "^1.6.5"到package.json文件中.我不确定我们是否可以获得完整包装然后我们为什么单独安装comman包?

当我检查其他应用程序时,他们大多数有跟随

"@angular/common": "2.0.1",
"@angular/compiler": "2.0.1",
"@angular/core": "2.0.1",
"@angular/forms": "2.0.1",
"@angular/http": "2.0.1",
"@angular/platform-browser": "2.0.1",
"@angular/platform-browser-dynamic": "2.0.1",
"@angular/router": "3.0.1",
Run Code Online (Sandbox Code Playgroud)

它们都是角形核心的一部分吗?我在这里看不到角包.

角度2包装是否有任何文章或指南?

package npm angular

3
推荐指数
1
解决办法
82
查看次数