是否有某种"不"的CSS选择器?
例如,当我在CSS中编写以下行时,带有类classname的标记内的所有输入字段都将具有红色背景.
.classname input {
background: red;
}
Run Code Online (Sandbox Code Playgroud)
如何选择具有类classname的标签OUTSIDE的所有输入字段?
所以我正在遵循文档angular 2 material DataTables
.起初,它正在使用文档中的提供代码.但是我稍微更改了代码,这样如果我要提供实际数据,就不会像跟踪角度材料的文档那么难,因为我已经习惯了.所以将所有导入注入我的TS File
import { Component, OnInit, ViewChild } from '@angular/core';
import { DataSource } from '@angular/cdk/collections';
import { MatPaginator } from '@angular/material';
import { BehaviorSubject } from 'rxjs/BehaviorSubject';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/startWith';
import 'rxjs/add/observable/merge';
import 'rxjs/add/operator/map';
import 'rxjs/add/observable/of';
Run Code Online (Sandbox Code Playgroud)
导入角度数据表所需的所有导入.CdkTableModule
也是我的进口materialModule
import { CdkTableModule } from '@angular/cdk/table';
@NgModule({
imports: [
CdkTableModule,
..... as so on..
],
exports: [
CdkTableModule,
..... as so on..
]
}) export class MaterialModule { …
Run Code Online (Sandbox Code Playgroud) HTML:
<td mat-cell [attr.id]="hospital.organizational_id + '_hospitalname'"
*matCellDef="let hospital">
<div id="hospital_name" class="truncate"
[matTooltip]="hospital.organization_name.length > 32 ?
hospital.organization_name: '' ">
{{hospital.organization_name}}
</div>
</td>
Run Code Online (Sandbox Code Playgroud)
CSS:
.truncate {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block !important;
}
Run Code Online (Sandbox Code Playgroud)
我想要一个工具提示完全根据省略号动态显示。但问题是工具提示显示,但它也被显示为没有省略号的数据。我正在使用 angular-material
我在参考了一些网站后写了一些 CSS
预期的行为应该只为具有省略号的数据获取工具提示,否则它应该被隐藏,你可以看到我正在使用有角度的材料。
我已经看到一些使用 jquery 的解决方案,但它对我不起作用。有没有办法解决这个问题?
提前致谢
我有这样的代码:
enum ElementKind {
BASIC (0),
INTERMEDIATE (1),
COMPLETE (2);
}
class Element {
private ElementKind elementKind;
/* ... */
}
Run Code Online (Sandbox Code Playgroud)
我正在为此代码构建 RDF/XML(本体)表示:
enum ElementKind {
BASIC (0),
INTERMEDIATE (1),
COMPLETE (2);
}
class Element {
private ElementKind elementKind;
/* ... */
}
Run Code Online (Sandbox Code Playgroud)
表示该枚举的最佳方式是什么?
我有以下代码:
<div ng-hide="items.length == 0">
<li ng-repeat="item in items" ng-hide="item.hide == true">
{{ item.name }} <hide-button />
</li>
</div>
Run Code Online (Sandbox Code Playgroud)
想象一下,我有10个项目.当我单击按钮时,我将item.hide设置为true,项目消失.当我隐藏所有10个项目时,我想隐藏主要div.使用AngularJS实现这一目标的最佳方法是什么?
我在 TypeORM 中有一个实体,其中包含一组其他子实体:
MyEntity
children (OneToMany)
Run Code Online (Sandbox Code Playgroud)
当我删除一个子实体(例如 ID = 2)并保存该实体时,子实体表中的框架将按预期触发更新:
MyEntity
children (OneToMany)
Run Code Online (Sandbox Code Playgroud)
我还有一个订阅者正在监听更新后事件,该事件也按预期触发。但是,更新不会删除该条目。该条目现在是孤立的,关系 ID 为空。在下面的示例中,我使用订阅者来清理孤立的实体:
UPDATE "my_children_table" SET "myEntityId" = null WHERE "id" = 2
Run Code Online (Sandbox Code Playgroud)
但是,当上面的查询运行时,更新尚未运行,因此不会从数据库中删除任何内容。我期望删除能够删除孤立的行。
根据TypeORM日志,查询按以下顺序执行:
@EventSubscriber()
export class MyChildSubscriber implements EntitySubscriberInterface<MyChildEntity> {
public listenTo(): string | Function {
return MyChildEntity;
}
public async afterUpdate(event: LoadEvent<MyChildEntity>) {
console.log('It works! The event is triggered as expected!');
const builder = event.connection
.createQueryBuilder()
.delete()
.from(MyChildEntity)
.where('"myEntityId" IS NULL');
return builder.execute();
}
}
Run Code Online (Sandbox Code Playgroud)
如果我直接在数据库中运行相同的事务(我使用的是 PostgreSQL),一切都会按预期工作,但 TypeORM 的行为就像 DELETE 在 UPDATE 之前运行一样。
你能帮助我理解我做错了什么吗?
angular ×2
css ×2
javascript ×2
angularjs ×1
html ×1
owl ×1
postgresql ×1
rdf ×1
typeorm ×1
typescript ×1
xml ×1