编写Angular 2.0组件时,如何设置属性的默认值？

例如 - 我想foo默认设置为'bar',但绑定可能会立即解析为'baz'.这在生命周期钩子中如何发挥作用？

@Component({  
    selector: 'foo-component'
})
export class FooComponent {
    @Input()
    foo: string = 'bar';

    @Input()
    zalgo: string;

    ngOnChanges(changes){
          console.log(this.foo);
          console.log(changes.foo ? changes.foo.previousValue : undefined);
          console.log(changes.foo ? changes.foo.currentValue : undefined);
    }
}

给定以下模板,这是我期望的值.我错了吗？

<foo-component [foo] = 'baz'></foo-component>

// Logged to console: 
// 'baz'
// 'bar'
// 'baz'

<foo-component [zalgo] = 'released'></foo-component>

// Logged to console: 
// 'bar'
// undefined
// undefined

我是RxJS的新手.我知道我可以.filter和.map一个观察到我正在寻找的改变.但是,有没有任何方法将两者合二为一？

这个问题是在 GitHub 上提出的，答案是“嘿，你听说过这个网站 Stack Overflow？你应该在那里问这个问题！”。

所以我在这里，问一个问题！

React Native 是否支持索引数据库？

在重构现有的 Web 应用程序以支持 时react-native，是否必须放弃索引数据库支持？或者，索引数据库是否开箱即用？

回答上述问题的原因是什么？Indexed DB 是否仅仅因为我们不在浏览器中而无法工作并且 React Native 目前没有实现该 API？我们可以在 React Native 中填充索引数据库吗？或者，我们是否应该转向该平台的替代持久性方法？

我是作为技术负责人问这个问题的，想知道react-native对我们的团队来说是容易还是困难的过渡。

似乎最新版本的node-sass(3.4.1)打破了我们的构建.我一直收到此错误消息:

It's not clear which file to import for '@import "../file"'.
Candidates:
     ../file.scss
     ../file.css
Please delete or rename all but one of these files.

现在,对于项目中未明确指定名称中的"file.scss"的所有文件,都会出现这种情况.

我无法确定这个错误的修复程序 - 我也找不到任何文档来解决node-sass导致它的变化.我们有太多文件可以重命名每个导入.

有人能指出我正确的方向吗？

编辑:

对于_file在其路径中具有下划线(例如.)的文件也会发生这种情况.似乎没有认识到这些文件是偏僻的.

我一直在尝试开发一些隐藏自身的组件，除非它们的父 div 处于悬停状态。我尝试让 CSS 不受 HTML 结构的束缚，因此我的规则结构如下：

.show-on-hover
{
  display:none;
}
*:hover > .show-on-hover
{
  display:block;
}

我认识到浏览器有时会因通用选择器而卡住，这里就是这种情况。该代码在 iFrame（如 JSBin）内时有效，或者如果我更改*:hover为p:hover. 然而，Chrome在正常环境下拒绝承认该规则。

您可以在此处查看我的代码，但您需要将其从 JSBin 中取出并放入文件中才能真正了解发生了什么。

http://jsbin.com/tukeqeco/2/edit

这听起来可能是一个愚蠢的问题，也许我只是在这里没有看到一些东西，但这是否是规范的一部分？如果是这样，在哪里，为什么没有更详细的记录？为什么它可以在 iframe 中工作，但不能在浏览器的常规部分中工作？

编辑：

我去将我的代码更改为：

:not(fakeTag):hover > .show-on-hover
{ 
  display:block;
}

它正是我想做*:hover > .show-on-hover的。*如果选择器或选择器的规范存在限制>，为什么会存在限制，因为我可以做这样的愚蠢事情来绕过它？

通常，在使用@ angular / cli开发应用程序时，可以通过以下方式添加新服务：

ng generate service foo

这将生成“ FooService”。

我的问题是，当您使用@ nrwl / nx生成库时，如何为它添加服务？

ng generate lib foo-lib

我想知道的是生成服务“ foo”的命令，以便它位于foo-lib库中。