我正在制作一个应该始终占据父级 100% 的网格。定位绝对，但只要内容不超出窗口就可以工作，如果有滚动，则网格不会到达底部边缘。当然，我可以用js设置想要的高度，但这是一个极端的情况，我应该认为有办法修复这个css。我通过高度、最小高度、用 flex 拉伸的所有选项进行了排序，但仍然不是 100% 的父级不能拉伸。
这是一个示例的链接，我们正在谈论垂直的红线。
https://stackblitz.com/edit/angular-ivy-35b42b?file=src/app/core/core.component.css
伙计们，请帮我很好地包装一组对象。
逻辑是这样的 - 一个没有的对象id（会有一个这样的）需要
features[<вложенный объект с name=="HEAD">].value
从另一个对象添加到它的值：具有相同的类型（也会有一个），但它有id.
我写了，但我不知道我的选择在性能方面是最优的。我知道你可以应用 reduce，但有些东西效果不太好。谢谢！！
let orders = [
{
type: "NEW",
features: [
{ value: ['aa', 'bb'], name: "URL" },
{ value: ['cc', 'dd'], name: "HEAD" }
]
}, {
id: "10",
type: "NEW",
features: [
{ value: ['ee', 'ff'], name: "URL" },
{ value: ['gg', 'hh'], name: "HEAD" }
]
}, {
id: "23",
type: "OLD",
features: [
{ value: ['ii', 'gg'], name: "URL" },
{ value: ['kk', 'll'], name: "HEAD" }
]
}, {
id: "55",
type: "OLD",
features: [
{ value: ['mm', 'nn'], name: "URL" },
{ value: ['oo', 'pp'], name: "HEAD" }
]
}
];
我的版本：
let orderWithNoid = orders.find(x => x.type === 'NEW' && !x.id);
let orderWithId = orders.find(x => x.type === 'NEW' && x.id);
const {
features: feat1
} = orderWithNoid;
const {
features: feat2
} = orderWithId;
for (let f1 of feat1) {
for (let f2 of feat2) {
if (f1.name === 'HEAD' && f1.name === f2.name) {
f1.value.push(...f2.value)
}
}
}
for (let order of orders) {
if (order.type === 'NEW' && !order.id) {
order.features = feat1;
}
}
你应该得到以下结构：
let result = [{
type: "NEW",
features: [
{ value: ['aa', 'bb'], name: "URL" },
{
value: ["cc", "dd", "gg", "hh"] // добавились 2 последних значения
name: "HEAD"
}
]
}, {
id: "10",
type: "NEW",
features: [
{ value: ['ee', 'ff'], name: "URL" },
{ value: ['gg', 'hh'], name: "HEAD" }
]
}, {
id: "23",
type: "OLD",
features: [
{ value: ['ii', 'gg'], name: "URL" },
{ value: ['kk', 'll'], name: "HEAD" }
]
}, {
id: "55",
type: "OLD",
features: [
{ value: ['mm', 'nn'], name: "URL" },
{ value: ['oo', 'pp'], name: "HEAD" }
]
}
];
对于反应形式的输入，有一个简单的验证器来检查电话（在屏幕上）。如果您手动输入号码 - 一切正常。问题：如果将整数复制到输入中，验证器就会触发。输入无效。
如果您删除一个字符，然后再次添加或将整个数字重新复制到输入 - 一切都会返回到有效状态
我正在做一个简单的 Angular 选择。
<div class="select">
<div (click)="showItem()">{{value}}</div>
<div *ngIf="visible">
<div #ref (click)=select(ref) class="option" *ngFor="let item of items">{{item}}</div>
</div>
</div>
我像这样显示和隐藏下拉列表：
showItem() {
this.visible = !this.visible;
}
但它仅在您单击输出列表时才有效。在选择之外单击时如何关闭选择？听整个文件可能是不合理的？
在 OnInit 你需要有一个数组：
let finalArray = [
{code:7865, price:203, color: red},
{code:8865, price:303, color: pink},
...]
从对 url1 的请求中，我们得到一个对象数组，其中对象的数量，从它的每个 id 中，我们对 url2 进行额外的请求，我们得到 'price' 和 'color' 的值。
如果代码来自 url1，如何收集带有代码、价格和颜色的整个对象？
finalArray = [];
this.httpService.getDataFromServer(url1)
.pipe(
map(resp => {
// здесь приходит 'code'
const ordersArray = [];
for (const items of resp) {
ordersArray.push(items.id);
}
return ordersArray;
}),
switchMap(data => {
return forkJoin(
data.map((order) => {
return this.httpService.getDataFromServer(url2 + '/' + order);
})
);
})
).subscribe(resp => {
const arr = [];
for (const patient of resp) {
const object = {};
object['price'] = patient.price;
object['color'] = patient.color;
arr.push(object);
}
this.finalArray = arr;
});
单击按钮时，将触发 getDatafromServer 方法。告诉我 switchMap 是否在 Angular 中为一条路线正确实现，即 再次按下时，前一个请求被取消（如果旧请求尚未到达）并发送新请求：
getDatafromServer() {
of(`url1`).pipe(switchMap(url => this.httpGeneralService.getDataFromJsonServer(url))).
subscribe(i => console.log(i));
}
一切似乎都是正确的，但在网络上的浏览器中，以前的请求被取消是不可见的
UPD：此选项似乎有效：
private requestPasswordSubject$ = new Subject();
private requestPassword = this.requestPasswordSubject$.pipe(
switchMap(() => this.httpGeneralService.getDataFromJsonServer(`url1`))
)
.subscribe(response => { console.log(response); } );
getDatafromServer() {
this.requestPasswordSubject$.next();
}
该input方法在 'e 上触发并发送商品请求。收到一组对象后，它会立即将其显示在模板中，并为收到的对象发送价格请求id。
问题是在第二次请求不存在的代码时，服务器返回错误，并且模板中的某些产品显示没有价格。如何正确处理？在模板中，您不能通过 *ngIfreseivedServices按是否存在键进行过滤price。
您可能可以过滤this.reseivedServices = this.reseivedServices.filter( i => i.price)但正确，可能通过 RxJs
onInputMethod(event) {
this.httpService.getData(url, event)
.subscribe(res => {
// получаем res = [{name: Apple, code: 1},{name: Pear, code: 2},{name: Plum, code: 3}]
// и в шаблоне показываем данные из reseivedServices
this.reseivedServices = res;
// В цикле делаем запрос на цены
for (const item of this.reseivedServices) {
this.httpService.getOtherData(url, item.code)
// при несуществующем коде сервер возвращает ошибку и для некоторых позиций выводятся строки без цен
.subscribe((res => {
if (res.id === item.id) {
item.price = res.price; // добавляем цену
}
}
}
页面上有几个独立的组件。
每个组件由组件中发生的不同事件折叠/扩展。
当单击某个组件时，其他几个组件被关闭/打开时，就会实现该逻辑。
在组件之间传递数据的正确方法是什么？
我通过一个公共服务实现了这一点，在该服务中我存储了组件的布尔变量。来自组件的事件会改变这些变量。我在每个组件中通过 DoCheck 监听数据的变化。这种方法有多正确？
我知道ngrx，但还没有包括在内。
有一个对象数组，每次单击时都会添加一个具有这样结构的对象 {'name':'Alex', 'order':123}。如何检查不将具有相同名称的对象推送到数组中? 我看到它是这样的：
let orders = [];
let obj = {'name':'Alex', 'order':123};
if (this.orders.length === 0) {
this.orders.push(obj);
} else {
for (const item of this.orders) {
if (orders.name === obj.name) {
return;
} else {
this.selectedServices.push(selected);
}
}
有一个对服务器的调用，订阅监听它，然后它返回一个对象，从中获取一个带有订单号的数据数组。通过这些订单号，我然后循环发出请求，订阅它们并将它们推送到通用数组。
let collect = [];
this.service.getData(url1).subscribe(
res = > { // Возвращает: {Object:[{key:number},{key:number}]}
orderArray = [];
for (let items of res.Object) {
orderArray.push(items.key);
}
if(orderArray) {
for (let i = 0; i < orderArray.length; i++) {
this.service.getData(otherUrl).subscribe(
res2 = > { // {item: 'имя'}
collect.push(res2.item)
}
)
}
}
}
)
问题是我不能再使用 collect 了。它是空的...如何收集数据？
生成此类 JSON 的最佳方法是什么？
let main = {
"data": [{
"data": {
"name": "zzzzzz"
},
"children": [{
"data": {
"name": "Test1"
}
},
{
"data": {
"name": "Test2"
}
},
{
"data": {
"name": "Test3"
}
}
]
},
{
"data": {
"name": "zzzzzzz"
},
"children": [{
"data": {
"name": "Test1"
}
},
{
"data": {
"name": "Test2"
}
},
{
"data": {
"name": "Test3"
}
}
]
}
]
}
我制作了自己的版本，但远非最佳。谢谢！
let arrr = [];
let arrr2 = [];
let objData3 = {};
let objData4 = {};
for (let itemz in arr) {
let a = arr[itemz];
let objNameInData = {};
let objNameInData2 = {};
let startObj = {};
startObj.name = a.ServiceName;
objNameInData.name = startObj;
objNameInData2.name = "zzzzz"
let objDataInChildren = {};
let objDataInData = {};
objDataInChildren.data = objNameInData.name;
arrr.push(objDataInChildren);
objData3.data = objNameInData2;
objData3.children = arrr;
arrr2.push(objData3)
objData4.data = arrr2;
}
console.log(JSON.stringify(objData4, null, 4))
Angular2中服务器请求的一般原理是什么？
我了解获取请求仅用于接收，而发布仅用于编写。为了让我们在数据库中创建一个条目，然后将其下载到客户端，我们需要同时发出 post 和 get 请求吗？事实证明，只有 post 请求不会向我们返回任何内容（就像在标准 XMLHTTPrequest 中一样）？谢谢！
Order有一个输入，用户名的值来自基础对象：
<input value="{{Order.Name}}" [(ngModel)]="Order.Name" />
ngModel当需要更改输入中的用户名时，输入使用双向绑定来调整底层对象。
如果输入中名称的值发生变化，则需要显示一些消息。
如何保存输入的原始值以便与新值进行比较（显示消息）？
尝试制作原始对象的副本，但[(ngModel)]原始对象及其所有副本都被使用。事实上，事实证明没有什么可以与新值进行比较。
单向绑定[ngModel]不适合，因为底层对象最终需要更改才能发送到服务器。
应用于数组副本的 map 方法如何更改原始客户端数组？
const clients = [
{ name: 'Alex',town: 'Sitka',debt: false },
{ name: 'Bob',town: 'Phoenix',debt: false },
{ name: 'Pol',town: 'LosAngeles',debt: true },
{ name: 'Roy',town: 'Buckeye',debt: false },
{ name: 'Brad',town: 'Dallas',debt: false },
{ name: 'Leny',town: 'Charlotte',debt: true },
{ name: 'Peny',town: 'Hibbing',debt: false },
]
const clientsCopy1 = clients.slice();// делаем копию массива clients;
const clientsCopy2 = [...clientsCopy1]; // делаем копию массива clientsCopy1
const clientsCopy3 = clientsCopy2.map(i => { // перебираем вторую копию методом map
i.name = i.name.toUpperCase()
return i;
})
console.log(clients); // исходный массив тоже изменился!
Использование других способов копирования дает тот-же результат.
Такое поведение только с методом map.
При модификации копий массивов другими способами, исходный массив остается
без изменений.
如何转换此对象：
{
"Me": 11,
"Children": {
"Mike": {
"Tom": 12
},
"Sister": {
"Mary": 15
}
}
}
到一个平面物体：
{
"Me" : 11,
"ChildrenMikeTom" : 12,
"ChildrenSisterMary" : 15
}
你能告诉我为什么 valueOf 和 toString（如果被替换）在下面的例子中产生相同的结果吗？我的理解是首先应用 valueOf 方法，如果它不存在，则应用 toString。那些。在下面的示例中，valueOf 不能应用于字符串“1”？除了new Date还有哪些对象有valueOf？谢谢！！
var a = {
valueOf: function() {
return "1";
}
};
var b = {
valueOf: function() {
return "2";
}
};
alert( a + b ); // "12"
你能告诉我为什么它在控制台中显示 1,2,3,4 吗？在我的理解中，应该只有 3 和 4（第一个是 && 执行最后一个 false(3)。然后检查 || 最后一个是 true(4)）。怎么了？谢谢！！
function zfalse(arg) {
console.log(arg);
return false;
}
function ztrue(arg) {
console.log(arg);
return true;
}
zfalse(1) || ztrue(2) && zfalse(3) || ztrue(4)