Question

我喜欢棱角材料的设计，但是使用它可能会很痛苦。该网站显示了使用

的示例

public function post_genral_report(Request $request, $start = null, $end = null)
{
    $data = DB::table('registration_tickets')
        ->join('trips', 'trips.id', 'registration_tickets.trip_id')
        ->join('buses', 'buses.id', 'trips.bus_id')
        ->join('drivers', 'drivers.id', 'trips.driver_id')
        ->join('routes', 'routes.id', 'trips.route_id')
        ->join('provinces as p1', 'p1.id', 'routes.from')
        ->join('provinces as p2', 'p2.id', 'routes.to')
        ->select('registration_tickets.*', 'p1.name as from', 'p2.name as to', 'buses.type', 'buses.plate',
            'drivers.name as d_name', 'drivers.lastname as lname');

    if ($start and $end) {
        $data->whereBetween('registration_tickets.date', [
            $start,
            $end
        ]);
    }

    if ($request->driverid) {
        $data->where('trips.driver_id', $request->driverid);
    }

    if ($request->routeid) {
        $data->where('trips.route_id', $request->routeid);

    }

    if ($request->driverid and $request->routeid) {
        $data->where([
            'trips.driver_id', '=', $request->driverid,
            'trips.route_id', '=', $request->routeid
        ]);
    }

    $data = $data->get();

    return Datatables::of($data)->make(true);
}

但是，当我在项目中执行相同的操作时，我只会看到文本“ home”。

除了导入MatIconModule之外，我什么都不需要做。

有人知道吗？

我正在使用角材料v8.0.1。我还安装了material-design-icons v 3.0.1。并将其放在我的index.html中。（我一次做了一个）

<mat-icon>home</mat-icon>

Answer 1

您需要删除

<link rel="stylesheet" href="https://storage.googleapis.com/non-spec-apps/mio-icons/latest/outline.css">

并更改为

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

Answer 2

在我的情况下，某些图标有效，有些则无效。从

切换

<mat-icon>home</mat-icon>

到

<span class="material-icons">home</span>

解决了问题。

Answer 3

Angular材质8.0.1要求如下包含材质设计图标

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

此外，您还需要将mat-icon模块导入为

import {MatIconModule} from '@angular/material/icon';

然后在组件模板文件中可以使用

<mat-icon>home</mat-icon>

Mat-icon不显示图标

3 个答案: