我有一个组件,我选择一组图像对象.我想将这些选定的图像传递给我的新路径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()
我正在使用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) 我构建了一个非常简单的抓取工具来查看 Airbnb 列表。目标是浏览给定站点(即此站点)。
first_page = BeautifulSoup(requests.get("https://www.airbnb.com/s/Copenhagen--Denmark/homes?allow_override%5B%5D=&s_tag=kHqeQTpz§ion_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 标签。
我有两个我想分开的反应应用程序。但是,两个应用程序之间的许多组件非常相似。
共享组件的最佳方法是什么?
以下是我能想到的一些方法:
谢谢
我有一个简单的应用程序,在我的主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) 我正在使用以下网址进行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 岁及以下”中的&号引起的
逃脱此角色的最佳方法是什么?
angular ×2
python ×2
reactjs ×2
css ×1
html ×1
router ×1
routing ×1
typescript ×1
web-scraping ×1