Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何将ng样式与div:after一起使用?_Html_Css_Angularjs_Angular Directive - Fatal编程技术网

Html 如何将ng样式与div:after一起使用?

Html 如何将ng样式与div:after一起使用?,html,css,angularjs,angular-directive,Html,Css,Angularjs,Angular Directive,我用的是角度1.x 这是关于JSFIDLE的 如果ctrl.shouldShowDiv2=false我不想显示div2,否则(ctrl.shouldShowDiv2=true)我想在之后激活框::。有没有办法让它与ng style或任何其他指令一起工作 看起来很像我想要的,但我不明白 谢谢。您可以创建一个单独的类,使用::after选择器打开。然后使用ctrl.shouldShowDiv2切换该类。下面是一个例子: angular.module('app',[]) .box{ 高度:150像素

我用的是角度1.x

这是关于JSFIDLE的

如果
ctrl.shouldShowDiv2=false
我不想显示
div2
,否则(
ctrl.shouldShowDiv2=true
)我想在
之后激活
框::。有没有办法让它与
ng style
或任何其他指令一起工作

看起来很像我想要的,但我不明白


谢谢。

您可以创建一个单独的类,使用
::after
选择器打开。然后使用
ctrl.shouldShowDiv2
切换该类。下面是一个例子:

angular.module('app',[])
.box{
高度:150像素;
宽度:200px;
溢出:隐藏;
位置:相对位置;
背景:番茄;
}
.box xtra::之后{
内容:“第2分部”;
宽度:100px;
高度:20px;
位置:绝对位置;
顶部:10px;
左:-30px;
变换:旋转(-45度);
背景色:白色;
文本对齐:居中;
}

节目组2

您可以创建一个单独的类,使用
::after
选择器打开。然后使用
ctrl.shouldShowDiv2
切换该类。下面是一个例子:

angular.module('app',[])
.box{
高度:150像素;
宽度:200px;
溢出:隐藏;
位置:相对位置;
背景:番茄;
}
.box xtra::之后{
内容:“第2分部”;
宽度:100px;
高度:20px;
位置:绝对位置;
顶部:10px;
左:-30px;
变换:旋转(-45度);
背景色:白色;
文本对齐:居中;
}

节目组2

你好,托尼。您提出的问题对其他任何人都没有用处(特别是如果您删除了JSFIDLE,这很可能会发生)。改为粘贴一些代码,并显示您尝试过的内容。那会让人们帮助你嗨,托尼。您提出的问题对其他任何人都没有用处(特别是如果您删除了JSFIDLE,这很可能会发生)。改为粘贴一些代码,并显示您尝试过的内容。那会让人们帮助你