如何在angular (6+)中动态设置css after effects？
在Angular中动态设置CSS after效果，可以通过使用Angular的样式绑定功能和JavaScript的classList属性来实现。
步骤如下：
- 在组件的HTML模板中，使用样式绑定将动态设置的类名绑定到元素上。例如：
<div [ngClass]="{'dynamic-effect': isActive}"></div>上面的代码中，isActive是一个组件中的布尔变量，dynamic-effect是一个动态添加的类名。
- 在组件的TypeScript文件中，定义
isActive变量并控制其值的变化。例如：
isActive: boolean = false;
toggleEffect() {
this.isActive = !this.isActive;
}上面的代码中，isActive变量初始值为false，可以在需要的时候通过toggleEffect方法来改变其值。
- 在组件的CSS文件中，定义相应的样式。例如：
.dynamic-effect::after {
content: 'Dynamic CSS After Effect';
color: white;
background-color: red;
/* 其他样式属性 */
}上面的代码中，.dynamic-effect::after选择器用于定义动态效果的样式，可以根据需要添加其他样式属性。
通过以上步骤，当isActive变量的值为true时，动态添加的.dynamic-effect类将生效，从而实现在Angular中动态设置CSS after效果。
在腾讯云的产品中，可以使用腾讯云的云服务器（CVM）来部署和运行Angular应用。可以通过以下链接了解腾讯云云服务器的相关产品和介绍：
相关·内容
我想使用angular中的变量来动态设置after effects类中的值。但是，我知道ngStyle不能用来直接设置影响效应值。 在下面的示例中，我希望能够设置边框的两种颜色的颜色和百分比。例如，该比率可能会随着时间的推移而变化。 虽然你可以动态添加类，但我并不是真的希望每种颜色都有100个类(即每%) content: '';
height: 2px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to r
浏览 19提问于2021-11-05得票数 0
2回答
假设我有这样的结构：
Some Folder 1/...
Some Folder 2/...
Adobe After Effects 2020/Scripts/
Adobe After Effects 2020/foo/
Adobe After Effects 2020/bar/
Adobe After Effects 2021/Scripts/
Adobe After Effects 2021/etc/
Adobe After Effects 2022/Scripts/
Another Folder/...
我想更改所有Scripts子文件夹的权限。我试过：
chmod -R o+rw &#
浏览 2提问于2022-03-31得票数 -1
回答已采纳
我已经在Adobe After Effects中为生日愿望创建了一个视频模板。我想使用JavaScript动态更改内部文本(生日人的姓名)并导出为.MP4格式，而不是每次都使用After Effects导出视频。
浏览 70提问于2020-05-03得票数 0
2回答
在ajax完成时，显示一些动态创建的数据和显示提交的数据有问题。
HTML - form.html
<form name="myForm" id="myForm">
<strong>Skills 1</strong>
<div>
<select name="Skills[]" id="Skills">
<optgroup label="P
浏览 0提问于2012-12-26得票数 1
我使用angular13.0.4，我想将css文件更新为Scss。我尝试了不同的方法，但没有成功地使用这些技巧，如何在现有的角项目中将css转换为scss。。
浏览 9提问于2021-12-08得票数 5
3回答
我能够在index.html中动态地设置概念为角4的标记，但是当我尝试删除tags.its而不是删除时，我如何删除我之前添加的标记？
下面是我尝试过的:设置标记：
import {Meta ,MetaDefinition } from '@angular/platform-browser';
@Component({
selector: 'app-share-video',
templateUrl: './share-video.component.html',
})
export class ShareVideoComponent
浏览 5提问于2017-06-06得票数 12
回答已采纳
1回答
我想在我的Angular2命令行界面项目中使用手写笔而不是标准的CSS。我已经环顾四周，找不到任何关于如何设置它的可靠来源。
浏览 2提问于2017-05-10得票数 7
我正在尝试从After Effects CC 2019中导出视频。我将视频添加到渲染队列中，选择quick time format，选择输出位置，然后点击render。After Effects使用预览窗口导出视频。它实际上显示了“去除纹理”效果的预览窗口，并与白色框架一起渲染出来，该效果仅在此窗口中提供。为什么？为什么有人想要导出预览帧。为什么，这将是一个默认设置？
如何在没有框架的情况下导出它？
提前谢谢。
浏览 12提问于2018-11-26得票数 1
我想要更改一个CSS类的'content‘属性，这个类应用于angular的Slide-Toggle。
这是我的SCSS -
:host .red {
.mat-toggle {
::ng-deep .mat-slide-toggle-bar{
&::after{
content: attr(data-active);;
}
}
}
}
我就是这样通过attrs的-
<div class="red"
attr.data-active="activeData">
&
浏览 1提问于2020-11-23得票数 0
在Angular故事书中，我们在哪里包含任何外部字体？我使用materialize css和一些google字体。HTML：
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400" rel="stylesheet">
CSS:在angular-cli.j
浏览 1提问于2018-03-16得票数 4
我有一个div元素，需要动态地应用伪元素，比如之前和之后。我将从我的作用域中动态地将数据推送到css "content“元素。我如何使用angular来做到这一点呢？
示例CSS
.bar:before {
content: 'dynamic before text';
height: 20px;
}
.bar:after {
content: 'dynamic after text';
height: 20px;
}
<div class="bar"></div>
浏览 2提问于2015-08-26得票数 13
回答已采纳
我有一个带有html的/CSS/组件(.ts文件)/service(.ts文件)的angular项目。服务方法从assets文件夹中的.json文件读取数据(而不是调用后端)。
我正在做一个prod构建，它将在dist文件夹中生成html的/CSS/javascript文件。
问题是生成的index.html文件无法渲染，在没有服务器(应用程序服务器)的浏览器中显示空白屏幕。我的要求是让这个HTML离线工作。
如何从angular项目中导出独立html的/CSS/javascripts以作为脱机html工作？
生成的dist文件夹结构：
浏览 9提问于2021-09-17得票数 2
我正在尝试一些概念上直截了当的东西，但实际上很难弄清楚。我想在after effects中制作一个视频剪辑“眨眼”或“闪烁”。我在after effects中有两个视频剪辑层叠在一起，我想让顶部的视频，包括它的音频，闪烁和关闭，这样当视频“关闭”时，下面播放的视频是可见的。 有谁熟悉after effects，谁能建议我怎么做？谢谢。
浏览 9提问于2019-09-13得票数 1
我正在尝试创建一个spring安全/角度登录/注销，但我找不到为什么最终()不能被识别。任何前进的援助都将受到极大的感谢。“类型”“Observable”上不存在属性“”finally“”是错误的。“ import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Router } from '@angular/router';
import 'rxjs/add/operator/finally&
浏览 38提问于2020-04-02得票数 5
回答已采纳
我的angular项目默认使用CSS样式框架。但是对于一些组件，我需要采用更少的框架。我尝试了下面的命令来创建框架较少的组件，但组件仍然是用CSS文件生成的。 ng g c testFolder/components/test-component --export=true --module=test-module --style=less 有人能告诉我如何通过不改变项目中的默认设置来创建具有LESS框架的组件吗？
浏览 15提问于2019-04-20得票数 1
回答已采纳
3回答
有没有可能在Angular 2中添加一个全局CSS文件？目前，我有许多不同的组件具有相同的按钮样式-但每个组件都有自己的CSS文件和样式。这对于改变来说是令人沮丧的。
我在Stack Overflow上的某处读到了以下内容：
import { ViewEncapsulation } from '@angular/core'; //add this
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app
浏览 0提问于2016-10-27得票数 56
回答已采纳
我不想学习如何连接一些json文件和after effects来渲染动态视频。
例如，我在某个网页上有一张表格：
这个表单包括一个输入，人们在那里使用他们的名字。
然后，我创建了一些json文件，就像这个形式的对象数组。
data = [
{
name: 'John'
},
{
name: 'Mike'
}
]
我不想用这些json对象为每个名字创建一些视频，大约几秒钟就会显示json中的名字，并渲染一些mp4视频。
如何做到这一点？
下面的步骤是什么？如果它是web形式，我想我也需要动态连接json文件，对吗？
那么after ef
浏览 0提问于2019-10-19得票数 0
我想在Nativescript-Angular中使用MathJax来构建一个安卓应用程序。
实际上，我尝试了一些angular包，如ngx-mathjax和ng-katex，但它们都不起作用。
浏览 3提问于2019-10-22得票数 0
2回答
我想开发一个网站，其中用户选择各种视频和网站将渲染一个单一的视频包含在一个预先建立的模板中的所有视频。
怎样才能做到这一点(为了从网站动态创建电影)？将使用什么服务器端框架？
我可以使用after-effects并让site使用它来生成这样的模板(可选-因为我有一个使用after - effects的朋友，可以创建模板)？
由于我是该领域的新手，欢迎提供任何其他信息。
浏览 0提问于2014-04-10得票数 0
所以我在我的网站上有一些CSS3的特效，但我试图给观众一个禁用这些特效的选项。所以我采用了PHP Cookie的方法，但它根本不起作用。
如果没有cookie，我会看到“单击此处启用特效”，即使它们已经启用。直接转到禁用页面也不会关闭它们。
下面是我的代码中的一些片段。
检查是否设置了cookie：
<?php
if(!$_COOKIE['nofancy']){
?>
<link rel="stylesheet" type="text/css" href="http://pattersoncode.ca/incls/n
浏览 2提问于2013-07-09得票数 0
我有一堆想要转换为bodymovin的动画矢量图形文件(我假设我需要先将它们转换为after effects，然后使用bodymovin扩展名)。
我制作了swf，fla，svg (使用svg中的animate元素)，snap和sprite.js html5格式的动画文件。我需要保留动画(不能重新创建它们)
这个是可能的吗？有什么想法吗？
我已经将我的一个动态swf直接导入after effects，并导出到mp4，但它不能导出到bodymovin (我认为swf和矢量图形非常不同)
浏览 18提问于2018-03-02得票数 3
我想用c/c++开发一个使用after effects sdk的after effects插件。以这种方式制作的插件是跨平台的。我将在Mac上开发，那么这个插件不需要任何修改就可以在windows上工作吗？如果没有，我是否必须做一些小的调整来使它跨平台，或者我必须在windows下重新开发插件才能在windows下运行？
浏览 2提问于2012-09-27得票数 0
3回答
我包括一个独立的构建模块，它使用.scss (萨斯)到现有的角度应用程序与普通的CSS设置。是否可以将这两个配置放在一起，是否需要任何自定义配置，例如在angular-cli.json defaults部分：
"defaults": {
"styleExt": "css? scss?"
}
或者只能使用两个中的一个？
浏览 3提问于2018-02-27得票数 10
回答已采纳
我正在使用After Effects CS3 Javascript API动态创建和更改合成中的文本层。
或者至少我在尝试这样做，因为我似乎找不到合适的属性来更改TextLayer对象的实际文本。
浏览 1提问于2008-09-16得票数 3
回答已采纳
1回答
如何在ngrx中测试效果？
、、、、
我只想在下面得到我的getUser效果。
我用的是angular5、打字本和ngrx。
我对下面的例子持开放态度。
这是我的效果：
import 'rxjs/add/operator/switchMap';
import 'rxjs/add/operator/catch';
import { Effect, Actions } from '@ngrx/effects';
import { HttpErrorResponse } from '@angular/common/http';
import { Injectable } f
浏览 0提问于2018-04-25得票数 0
回答已采纳
1回答
我正在尝试解决一个不返回错误代码的可执行文件中的错误，并且我必须在批处理中运行它。 在cmd上使用以下命令有效(/n将强制执行错误)： "c:\program files\adobe\adobe after effects 2021\support files\aerender.exe" /n | find "ERROR" && exit 32 问题是我需要在带有可变参数的批处理中运行，如下所示。 "c:\Program Files\Adobe\Adobe After Effects 2021\Support Files\aerende
浏览 123提问于2021-11-17得票数 0
回答已采纳
1回答
我使用的是NgRx ^7.0.0版本。这是我的NgRx效果课程：
import { Injectable } from '@angular/core';
import { ApisService } from '../apis.service';
import { Effect, Actions, ofType } from '@ngrx/effects';
import { Observable } from 'rxjs';
import { ApisActionTypes, ApisFetched } from './
浏览 0提问于2019-01-21得票数 6
回答已采纳
我在寻找一些功能：
将能够等待队列中的所有效果完成。
可以用于经典的jQuery调用序列中。
示例：
我想做一些动画，然后在它们完成后进行一些操作：
$('.obs_list')
.delay(500)
.animate({
'background-color' : '#ffcc33'
}, 200)
.delay(1000)
.animate({
'background-color' : 'transparent'
}, 2000)
.THE_FUNCTION_I_
浏览 6提问于2014-04-17得票数 0
这就是我如何加载一些lib到我的角度项目：
<!DOCTYPE html>
<head>
<meta charset="ISO-8859-1">
<script src="lib/angular.js"></script>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/e
浏览 1提问于2017-08-30得票数 0
回答已采纳
1回答
我试图在我的离子3应用程序中使用ngx数据选择器，但是我得到了这些错误
Refused to apply style from 'http://localhost:8100/build/main.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
vendor.js:1 Failed to load resource: the server responded with a st
浏览 0提问于2019-09-07得票数 2
回答已采纳
3回答
有没有办法在Angular2中动态添加样式表、url或<style></style>？
例如，如果我的变量是isModalOpened is true，我想在根组件之外的几个元素中添加一些CSS。比如body或html。
可以使用DOM或jQuery来实现，但我希望使用Angular 2来实现。
有可能吗？
谢谢
浏览 0提问于2017-06-14得票数 4
2回答
我试图动态地更改文档中给定元素的CSS属性，目前的解决方案如下所示：
function changeEffect(element,choice){
var effects = {};
effects.name1 = {"-webkit-box-shadow" : "7px 13px 21px -1px rgba(0,0,0,0.5)",
"-moz-box-shadow" : "7px 13px 21px -1px rgba(0,0,0,0.5)",
浏览 4提问于2015-08-10得票数 4
回答已采纳
我有一个Adobe AE的脚本，它必须安装在安装文件夹ex中。"C:\Program Files\Adobe\Adobe After Effects CC 2017\Support Files\Scripts\“
我们有多个安装版本的AE的用户，并需要在每个版本的脚本。理想情况下，我想要的是一个脚本，它将复制"script.jsx“到目标文件夹，如果他们存在。
我尝试使用下面的，但它无法检查目标是否存在。
"C:\Program Files\Adobe\Adobe After Effects CC 2018\Support Files\Scripts\",
浏览 21提问于2019-08-02得票数 1
回答已采纳
1回答
我正在研究两个几乎相同的测试用例，其中我应该断言两个NgRx效果返回一个布尔值流。在第一个测试用例中，一切都按预期工作，尽管对第二个测试用例做了同样的工作，但我无法使它按预期工作。无论我做什么，接收到的值总是一个空数组：
expect(received).toEqual(expected) // deep equality
- Expected
+ Received
- Array [
- Object {
- "frame": 10,
- "notification": Notificati
浏览 0提问于2019-06-19得票数 5
对于我来说，在Angular2文档中“副作用”到底意味着什么还不完全清楚，例如在这里(模板语法部分)：
Avoid side effects
As mentioned previously, evaluation of a template expression should have no visible side effects. The expression language itself does its part to keep you safe. You can't assign a value to anything in a property binding expre
浏览 4提问于2017-03-16得票数 0
回答已采纳
所以我想在我正在开发的Adobe After Effects插件中实现CoreML。问题是After Effects SDK是在C++中(它与C兼容)，而Swift API只在Objective C和CoreML中。 我想要的是.plugin (编译的After Effects插件)仍然可以在CoreML的After Effects中工作，我知道有一些神奇的技巧可以让Objective C和普通C一起工作，但我不知道如何让After Effects SDK和CoreML一起工作，如果这是可行的话，因为我只看到了如何在C++中实现Objective-C的简单教程。 我之所以想做这项工作，是因为
浏览 19提问于2019-06-11得票数 1
回答已采纳
我正在写一个脚本，用于将图像的EXIF信息添加到After Effects中作为文本层，如何使用ExtendScript工具包检索图像的EXIF信息？提前感谢！
浏览 32提问于2018-06-28得票数 0
2回答
我刚接触到“角”，我正计划在我的应用程序上创建一个动态功能。我想要一个动态函数。调用父组件时，子组件上的按钮单击函数将执行console.log，而当调用parent2组件时，按钮单击函数将执行警报对话框)。是否可以为每个组件调用具有不同实现的动态函数？我该怎么做？
child.component.ts
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-child',
template : '<button click()="
浏览 4提问于2019-10-02得票数 0
1回答
我使用aftereffects创建了以下动画：https://imgur.com/G7bPnNc after effects上有一个按钮，用于设置沿z轴的移动：https://imgur.com/a/dq2occo 我相信就是这个方法： https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translateZ 但是，我得到的html5导出只将我在after effects中设置的不透明度应用于png，而忽略了translateZ： https://imgur.com/UjOWpbn 在我找到的以下文档中，我没
浏览 16提问于2018-12-30得票数 0
在将Angular项目升级到Angular 10之后，ngRx effects单元测试开始崩溃。以下是升级后的错误：
遇到同样的问题，请按照解决方案进行操作。
谢谢,
浏览 2提问于2020-07-17得票数 5
1回答
误差注入焦耳控制器
、、、、
嗨，我想使用角js的烤面包通知。
这个：
我有我的控制器和我的索引，在mi索引y中导入所有css和js来使用我的应用程序，但是当我尝试在我的控制器中插入我的toastr脚本时，控制台显示了这个错误
未知提供者: toastrProvider <- toastr <- clientController
我的索引：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"
浏览 0提问于2018-02-14得票数 1
我是一个网站开发的初学者，我在一个ExpressionEngine网站上工作。该网站将提供我上传到vimeo的视频内容。我想要几个频道/页面。用户将能够转到这些页面并查看与该主题相关的内容。例如，如果我有关于影院4D的视频，用户将只能看到影院4D视频。我已经为以下内容创建了频道: after effects、电影4D、创意套件和评论。我也在我的网站上为每个人建立了单独的页面。
然而，我的问题出在主页上。我想从每个渠道的所有内容，以过滤到主页。因此，来自Cinema4D的视频、after effects、创意套件和评论都会出现在主页上。我还希望最新的视频显示更大，其他视频将更小(不同的风格)。下
浏览 0提问于2012-11-26得票数 1
1回答
我有一个Angular 6应用程序，它应该由运行在端口8080上的节点服务器提供服务。我搜索了一下，发现如下所示添加server.js就可以了，但我也需要更改package.json。我没有任何关于如何添加server.js作为开始包json文件的线索。我的项目是一个完整的Angular 6应用程序。server.js如下所示
var express = require('express');
var app = express();
app.use(express.static('app'));
app.get('/', function (r
浏览 0提问于2019-06-20得票数 0
有没有一种方法可以在浏览器中不使用systemjs动态加载器来加载和引导angular2应用程序？我的意思是，我想用<script>标记或jQuery$.loadScript()加载所有js文件，然后在所有脚本加载时引导angular2应用程序。
我正在开发一个应用程序，它将被注入到另一个应用程序中，我必须一次在浏览器中加载我所有的js、html、css。由于服务器安全，将没有动态加载选项。因此，我不能使用systemjs动态加载，我必须加载所有html、css、js一次，一旦加载，我需要在浏览器中引导angular2应用程序。
我浏览了所有其他链接，它们都提供了如何处理系统do动
浏览 2提问于2016-10-04得票数 0
回答已采纳
有人能帮我吗？我正在尝试使用Extendscript为after effects CC编写脚本。我想通过javascript改变合成中层的持续时间。我在这里写了这段代码
app.project.item(1).layer(1).length = 12；
或
app.project.item(1).layer(1).duration = 12；
但它不起作用。我该怎么做呢？谢谢。
浏览 0提问于2017-01-09得票数 1
我使用laravel 5.1 elixer来管理、版本化、缩小我的应用程序css和js。
下面是我的gulpfile.js
elixir(function (mix) {
mix.less([
'app.less',
'creative.less',
'mixins.less',
'variables.less'
]).less([
'dashboard.less',
'component.les
浏览 6提问于2017-06-21得票数 1
1回答
我正在编写一个在页面顶部有一个导航栏的网站，其中包含普通的通用HTML5链接元素(使用"a“元素)：
<table id="menuButtonTable">
<tr>
<td>
<a href="/home" class="menuButton">
Home
</a>
</td>
<td>
<a href="/play&#
浏览 2提问于2020-06-22得票数 0
我想动态地设置进度条填充值或角材料进度条。
我可以在CSS中使用：
::ng-deep .mat-progress-bar-fill::after {
background-color: red;
}
因为CSS值需要动态设置，所以我不能在CSS中这样做。
我曾尝试使用- (document.querySelector('.mat-progress-bar-fill::after') as HTMLElement).style.background = 'green';，但这会产生ERROR TypeError: Cannot read properties
浏览 3提问于2022-06-21得票数 0
回答已采纳
我正在尝试使用网格和stackLayout创建一个xamarin表单，如下所示。在这两种情况下，第二个列控件未开始垂直一致对齐。
使用网格控件的XAML：
<BoxView Style="{StaticResource separator}"></BoxView>
<StackLayout Orientation="Vertical" Style="{StaticResource layoutTitle}">
<Label Text="MANAGE PROF
浏览 0提问于2018-11-18得票数 0
我不知道浏览器是否支持这一点。在div中工作得很好，但这不是很有语义。
我这里有一个我正在寻找的东西的粗略模拟：
/* All select elements on page */
select {
position: relative;
}
/* Style by class. Effects the text of the contained options. */
.blueText {
color: #0000FF;
}
/* Style by id. Effects position of the select drop down. */
#styledSelect
浏览 3提问于2019-03-28得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
