小编Laz*_*vić的帖子

有没有办法将类应用于Angular中的每个路由组件.一种方法是使用host每个组件的属性

@Component({
    moduleId: module.id,
    selector: 'one',
    host :{class :'my-class'}
    templateUrl: 'one.html',
})

但我不想为每个组件写这个.

当我的 html 在 Angular 2 中渲染时，如果所有表单控件出错，如何将它们设置为错误状态？为了澄清这一点，示例代码中只有一个下拉菜单。当表单加载时，它是非红色/没有必需的消息。如果我打开下拉菜单，然后单击外部某处而不进行任何选择，那么红色魔法就会发生，我会看到错误消息。当表单第一次呈现时，我需要它处于错误状态/红色并带有错误消息。我想我需要在某个地方设置该控件的错误状态。只是不知道在哪里以及如何。请指教。代码如下 https://stackblitz.com/edit/angular-error-initial

我有 6 个 div，当我点击每个 div 时，它的 . 会发生一定的div变化innerHTML，就像某种菜单一样。当用户将鼠标悬停在这些“按钮”（实际上是 div）上时，它们会使用 CSS 的属性高亮显示:hover。还有:active，当用户单击“按钮”时。

由于单击时“信息”div 会发生变化，因此我希望以与悬停时完全不同的颜色始终突出显示当前选定的 div。所以我为此使用了javascript。我调用了一个函数来改变所有“按钮”的背景颜色（所以我不必“记住”点击了哪个按钮），然后将thisdiv更改backgroundColor为适当的颜色。

不过，现在我失去了我的:hover和:active风格。如何处理？

以下是要求的代码片段：

function ofarbajSveU999() {
document.getElementById("menubutton1").style.backgroundColor = "#999";
...
document.getElementById("menubutton6").style.backgroundColor = "#999";
}

function showMeaning() {
document.getElementById("information").innerHTML = meaning;
ofarbajSveU999();
document.getElementById("menubutton1").style.backgroundColor = "#ccc";
}

meaning是一个字符串，menubuttonX是 6 个像按钮一样的 div。

#kotd .menubutton {
float: left;
background-color: #999;
width: 120px;
padding: 2px 0px;
cursor: pointer;
}

#kotd .menubutton:hover …

const fn = () => null
type Answer = typeof fn extends Record<string, any> ? true : false

上面的代码片段Answer是 type true，表明函数被认为是 的子类型Record。为什么？

如何使我的类型更严格，以便函数不是它的子类型？

在我的Angular 2应用程序中，我想知道是否有一种方法可以遍历数组，同时还可以过滤*ngFor块中的某个属性。所以语法看起来像这样：

<ng-template *ngFor="let flag['completed === false'] of service.flags">
    <span class="standard-flag" 
        [class.hold-flag]="flag?.flagType === 'hold'">Flag
    </span>
</ng-template>

因此，基本的逻辑是，对于数组中存在的每个对象（“ flag”是一个对象），将“ completed”属性设置为“ false”，则返回该值。而不是首先遍历数组，然后使用* ngIf进行进一步过滤，如果可以同时在* ngFor块中做这件事会很好（在我的特定情况下非常有用）。可能？

我之所以对这种构造特别感兴趣，是因为我只想返回“ completed”为“ false”的第一个值，并且可以使用* ngFor中的“ let i = index”来处理它。在这种情况下阻止。但是我不想返回所有标志对象中的第一个，只是返回“ completed”属性设置为“ false”的标志对象。

这里我有两个容器，第一个容器假设显示 json 中是否存在值，第二个容器显示 json 中的值是否为空。这是我的代码：

应用程序组件.html

<!-- show this container if value is exist -->
    <ng-container *ngIf="outletName">
  <div class="media media-xs align-items-center mb-5">
    <div class="media-right float-right">
      <a class="drop-assigned-outlet" href="#"><i class="fa fa-trash-o"></i></a>
    </div>
    <button class="btn btn-primary-ln" *ngIf="outletName">Change assigned outlet</button>x
  </div>
</ng-container>

<!-- show this container if value is empty -->
<ng-container *ngIf="outletName == ''">
  <div class="media media-xs align-items-center mb-5">
    <p>No outlet have assigned</p>
  </div>
  <button class="btn btn-primary-ln">Assign an outlet</button>
</ng-container>

数据.json

[
  {
    "staffId": "59998eeadfb23a8c0bba5769",
    "staffName": "Sutton Fitzpatrick",
    "outletName": "Marjorie Fitzgerald",
    "outletId": …

我在Angular 4中编写了一个自定义404页面，并希望保留输入的错误URL。例如，您可以在github上查看行为。它们显示不存在的URL的404页面。示例：https：//github.com/cdkdfjkdjf

目前，我将路由器配置为：

{ path: '404', component: NotFoundComponent },
{ path: '**', redirectTo: '404' }

知道如何存档吗？

我想实现这一目标： https://images.app.goo.gl/rH7o4hssPt1mLeEM9

目前我已经制作了一个进度条-fx-accent: #87CEEB;

但我希望它是线性渐变： linear-gradient(to right, #87CEEB, #2980b9);

我怎样才能做到呢？

alert(Math.floor(Math.random()*71+1));

返回1到71之间的数字,包括它们.

alert($(".program > div:nth-of-type(5)".text())

返回相应父级的第5个div中的文本.然而

alert($(".program > div:nth-of-type(Math.floor(Math.random()*71+1))").text());

根本不起作用.我哪里错了？