为什么这句代码在angular中会报错[style.width]="calc(50vw-{{m}}px)"

这句代码在Angular中会报错是因为在模板语法中不能直接使用插值表达式{{}}。应该使用属性绑定语法 [] 来绑定样式。正确的写法应该是 [style.width]="`calc(50vw - ${m}px)`"。这样会将 `calc(50vw - ${m}px)` 字符串作为样式的值绑定到 style.width 属性上。

相关问题

[style.width]="calc(50vw - {{m}}px)"这样写在angular中报错，没有style_width这样的写法

在Angular中，可以使用以下方式设置元素的宽度：

1. 使用属性绑定语法（"[]"）设置元素的属性，如：`[style.width]="calc(50vw - m + 'px')"`，其中`m`是组件中定义的变量，不需要用双大括号包裹。

2. 使用内联样式（style）设置元素的属性，如：`<div [style.width]="'calc(50vw - ' + m + 'px)'"></div>"`，其中内联样式的属性名称需要用双引号包裹。

注意，如果要在属性绑定中使用表达式，需要把表达式放在单引号或双引号中，并使用加号进行连接。

为什么我在angular中使用filter函数结果集代码没有报错但是没有被过滤

可能是因为您没有正确使用filter函数。请确保您已正确传递过滤条件并将其与要过滤的数组一起使用。以下是一个简单的示例：

// 在组件中定义过滤条件
searchTerm: string = '';

// 在模板中使用filter函数
<div *ngFor="let item of items | filter: searchTerm">
  {{ item }}
</div>

// 定义一个过滤管道
import { Pipe, PipeTransform } from '@angular/core';

@Pipe({ name: 'filter' })
export class FilterPipe implements PipeTransform {
  transform(items: any[], searchText: string): any[] {
    if (!items) return [];
    if (!searchText) return items;

    searchText = searchText.toLowerCase();

    return items.filter(item => {
      return item.toLowerCase().includes(searchText);
    });
  }
}

在这个例子中，我们定义了一个名为`searchTerm`的变量来存储过滤条件，然后在模板中使用过滤器管道来过滤`items`数组。管道使用了`filter`函数来过滤数组，并返回符合条件的项。请确保您的代码与此类似，并且您传递给filter函数的条件是正确的。