任何人都可以请我帮助我div#bottom坚持父母的底部div,所以当我点击里面的按钮它将允许我从div#list上面显示元素?
我希望避免使用JS,jQuery等,或者至少在布局中:
<div class="wrapper">
<div id="top">
<ul>
...
...
</ul>
</div>
<div class="bottom">
<div id="button">
<div id="list">
<ul>
<li>elem 1</li>
<li>elem 2</li>
</ul>
</div>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud) 我使用brew在macOS上安装nvm,然后使用nvm安装node 8.9.1,它工作正常,直到我加载tmux,然后我收到以下消息:
nvm is not compatible with the npm config "prefix" option: currently set to "/usr/local"
Run `npm config delete prefix` or `nvm use --delete-prefix v8.9.1 --silent` to unset it.
Run Code Online (Sandbox Code Playgroud)
经过一些故障排除后,我注意到当我使用 tmux 时,它使用的是不同的 npm。
不使用 tmux:
~ which npm
/Users/mario/.nvm/versions/node/v8.9.1/bin/npm
~ npm config get prefix
/Users/mario/.nvm/versions/node/v8.9.1
~ echo $NVM_DIR
/Users/mario/.nvm
Run Code Online (Sandbox Code Playgroud)
使用 tmux:
~ which npm
/usr/local/bin/npm
~ npm config get prefix
/usr/local
~ echo $NVM_DIR
/Users/mario/.nvm
Run Code Online (Sandbox Code Playgroud)
根据brew中的安装说明,我将以下内容添加到我的.zshrc中
export NVM_DIR="$HOME/.nvm"
. "/usr/local/opt/nvm/nvm.sh"
Run Code Online (Sandbox Code Playgroud)
此外,如果我在 tmux 中手动获取/usr/local/opt/nvm/nvm.sh,它会按预期工作。
使用 tmux:
~ …Run Code Online (Sandbox Code Playgroud) 在早期版本中,我能够将组件选择器指定为属性.
@Component({
selector: '[app-row]',
...
})
export class RowComponent implements OnInit {
ngOnInit() {}
}
Run Code Online (Sandbox Code Playgroud)
HTML:
<tr app-row></tr>
Run Code Online (Sandbox Code Playgroud)
现在我得到了lint错误:
错误:/ path/to/row.component.ts [8,13]:组件"RowComponent"的选择器应该用作元素(https://angular.io/styleguide#style-05-03)
我意识到我可以在元素中嵌入一个tr,但我并不总是能控制样式,我个人不喜欢不必要的嵌套,一般都试图避免它.
如果我应该总是使用元素选择器,如何将组件指定为"tr"元素.IE: <app-row></app-row>?什么是适当的Angular 6方法来实现这一目标?
注意:我已经查看了样式指南的链接,该部分没有涵盖与我的特定用例类似的内容.我也尝试通过id选择,但得到相同的lint错误.