小编use*_*173的帖子

通过Angular2路由器传递数据

我有一个组件,我选择一组图像对象.我想将这些选定的图像传递给我的新路径CreateAlbum.它嵌套的数据,不适合作为URL参数传递.

有没有简单的方法来实现这一目标?

这是我导航到路线的代码

  public gotoCreateAlbum(): void {
    this.router.navigate([('/create-album')])
  }
Run Code Online (Sandbox Code Playgroud)

我选择的数据位于此变量中

@Input() selectedPhotos: IPhoto[];
Run Code Online (Sandbox Code Playgroud)

这是我的路由模块

const routes: Routes = [
  { path: 'photos',  component: PhotosComponent},
  { path: 'photos/:filter', component: PhotosComponent},
  { path: 'create-album', component: CreateAlbumComponent}
];
Run Code Online (Sandbox Code Playgroud)

基本上我想执行相同的操作,就像CreateAlbum组件是我当前组件的子组件一样,在这种情况下我会使用@Input()

routing typescript angular

18
推荐指数
2
解决办法
4万
查看次数

100%高度不适用于抽屉,材料设计反应

我正在使用React Material UI中的响应式抽屉([Documentation] [1])

我正在尝试改变它,以便抽屉的高度始终为100%.为此,我尝试更改当前设置为430的根类的高度.但是,当我将其设置为百分比时,它只是默认为可能的最小高度.

import React from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';
import { withStyles } from 'material-ui/styles';
import Drawer from 'material-ui/Drawer';
import AppBar from 'material-ui/AppBar';
import Toolbar from 'material-ui/Toolbar';
import List from 'material-ui/List';
import { MenuItem } from 'material-ui/Menu';
import TextField from 'material-ui/TextField';
import Typography from 'material-ui/Typography';
import Divider from 'material-ui/Divider';
import { mailFolderListItems, otherMailFolderListItems } from './tileData';

const drawerWidth = 240;

const styles = theme => ({
  root: {
    width: '100%',
    height: 430, …
Run Code Online (Sandbox Code Playgroud)

html css reactjs material-design

6
推荐指数
4
解决办法
1万
查看次数

Python BeautifulSoup 中的 CSS 选择器

我构建了一个非常简单的抓取工具来查看 Airbnb 列表。目标是浏览给定站点(即此站点)。

first_page = BeautifulSoup(requests.get("https://www.airbnb.com/s/Copenhagen--Denmark/homes?allow_override%5B%5D=&s_tag=kHqeQTpz&section_offset=1").text, 'html.parser')
listings = first_page.find_all('div', 'listing-card-wrapper')
for listing in listings:
    print(listing.select("#listing-15616363 > div.infoContainer_v72lrv > a > div.ellipsized_1iurgbx > div > span:nth-child(1) > span:nth-child(1)"))
Run Code Online (Sandbox Code Playgroud)

该代码正确地循环访问页面上的 18 个元素。但是,它会打印 18 个空数组,表明listing.select 语句不起作用。我从 Chrome 开发工具复制选择器功能中获取了 CSS 标签。

python beautifulsoup web-scraping

5
推荐指数
1
解决办法
8696
查看次数

在两个 React 应用程序之间共享组件

我有两个我想分开的反应应用程序。但是,两个应用程序之间的许多组件非常相似。

共享组件的最佳方法是什么?

以下是我能想到的一些方法:

  1. 复制组件,因为它们可能略有不同
  2. 从项目范围之外的文件夹导入文件

谢谢

reactjs

5
推荐指数
1
解决办法
4237
查看次数

RouterLink无法在子组件中工作

我有一个简单的应用程序,在我的主app.html文件中具有以下结构.

    <navigation-list [unreadEmailCount]="unreadEmailCount| async"></navigation-list>
    <router-outlet></router-outlet>
Run Code Online (Sandbox Code Playgroud)

在我的导航列表组件中,我可以轻松创建routerLinks,如下所示:

<a routerLink="/starred" routerLinkActive='active'>link</a>
Run Code Online (Sandbox Code Playgroud)

但是,当我进入路由器插座内呈现的组件时,我无法使用routerLink.但是,使用Router.route.nagive ['path']可以正常工作.任何线索为什么会这样?

编辑:

App路由器模块:

import { NgModule }             from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import {AuthGuard} from "./auth/auth-guard";
import {UnauthGuard} from "./auth/unauth-guard";

const routes: Routes = [
  { path: '', redirectTo: '/inbox', pathMatch: 'full', canActivate: [UnauthGuard] }
];
@NgModule({
  imports: [ RouterModule.forRoot(routes) ],
  providers: [AuthGuard, UnauthGuard],
  exports: [ RouterModule ]
})
export class AppRoutingModule {}
Run Code Online (Sandbox Code Playgroud)

照片路由器模块(这是routerLink不工作的地方)

import { NgModule }             from '@angular/core';
import { RouterModule, Routes } from …
Run Code Online (Sandbox Code Playgroud)

router angular

2
推荐指数
1
解决办法
2702
查看次数

Requests.get无法与&字符一起使用

我正在使用以下网址进行request.get调用:

https://api.datasource.com/apps/ios/ranking?countries=NL&categories=Overall > Kids > 5 & Under&device=ios&ranks=1000
Run Code Online (Sandbox Code Playgroud)

我收到一条错误消息,"categories" has an illegal value "Overall这是由于“总体>儿童> 5 岁以下”中的&号引起的

逃脱此角色的最佳方法是什么?

python python-requests

2
推荐指数
1
解决办法
857
查看次数