标签: materialize

每次我在应用程序中创建新类别时，它都会显示一条成功消息。这是我的代码：

return redirect('dashboard/categorias')->with('message', 'Categoria criada com sucesso!');

我知道这没什么大不了的，但是当我创建一个新类别时，我转到另一个页面并按浏览器上的后退按钮，它会再次显示该消息。

这是我的观点：

@if(session('message'))
        <script>Materialize.toast('{{session('message')}}', 4000)</script>
        {{ Session::flush() }}

@endif

应该怎么做才能不再显示此消息？

我可以看到隐藏了属性，但是当我尝试它的属性时它不起作用

<mat-option 
  *ngFor="let item of itemlist" 
  [value]="item.Name" 
  [hidden]="true">
  <span>{{ item.Name }}</span>
</mat-option>

但上面并没有隐藏。

我能做什么来隐藏它，我需要根据情况隐藏一些选项

请指教。

谢谢

我正在使用物化CSS。你们能告诉我如何改变线性预加载器的颜色吗？

<div class="progress">
    <div class="indeterminate"></div>
</div>

我想将颜色更改为蓝色。

我正在使用这样的本地参考

<a class="btn-floating btn-large blue" href="#">button</a>

但 Angular 将我重定向到另一个链接 localhost:4200/#

我在运行时添加表单输入元素,我正在使用materializecss.文本输入无法正确呈现,我猜他们需要在javascript中初始化,与select或paralax相同.例如:('.parallax').parallax(); , $(".select").material_select(); 表格输入是否有等同于例如？ $('.parallax').material_input();？

我正在使用materializecss框架，我想知道如何更改其中的组件的大小，例如，我正在使用可悬停的卡片视图，并且要将其宽度调整为400px，这是我正在使用的代码

<div class="card hoverable small">
          <div class="card-image">
            <img src="images/sample-1.jpg">
            <span class="card-title">Card Title</span>
          </div>
          <div class="card-content">
            <p>This is simple card.</p>
          </div>
          <div class="card-action">
            <a href="#">This is a link</a>
          </div>
    </div>

`

我有这个HTML代码：

<div id="login-page" class="row">
    <div class="col s12 m6 l4 z-depth-6 card-panel teal">
        <h1>Hi</h1><br/>
    </div>
</div>

我想要一个l4和m6居中的列。s12表现不错，但l4始终在大屏幕上留在左侧。如何将这些列居中？

我尝试禁用实现中的按钮而不删除click事件。但是正如您在此jsfiddle上看到的那样，我只能得到视觉效果。点击事件仍在启动。

我尝试了以下方法：

$('#btnOne').prop('disabled', true).addClass('disabled');

是虫子吗？还是我做错了什么？

编辑：似乎标记没有问题 button

我正在使用Materialize CSS来设计我的Web应用程序，并且我想根据用户是否通过身份验证来显示链接。我可以轻松地检查一下，但是当我在下拉按钮中添加v-if时，它将不再起作用。

这是我的代码：

<template>
  <ul id="account" class="dropdown-content" v-if="auth">
    <li><a href="#!" class="black-text"><i class="material-icons right">check_circle</i>Link 1</a></li>
    <li><a href="#!" class="black-text"><i class="material-icons right">folder</i>Link 2</a></li>
    <li><a href="#!" class="black-text"><i class="material-icons right">settings</i>Link 3</a></li>
  </ul>
  <nav class="white" role="navigation">
    <div class="nav-wrapper container black-text">
      <ul class="right hide-on-med-and-down">
        <li><a v-if="auth" class="dropdown-button" data-activates="account">{{ auth.first_name }} {{ auth.last_name }}<i class="material-icons right">arrow_drop_down</i></a></li>
        <li><a v-if="auth"><i class="material-icons right">exit_to_app</i>Logout</a></li>
        <div v-if="!auth">
          <li>
            <a v-link="{ name: 'registration' }">
              <i class="material-icons right">create</i>
              Sign Up
            </a>
          </li>
          <li>
            <a v-link="{ name: 'authentication' }">
              <i class="material-icons right">fingerprint</i>
              Login
            </a>
          </li>
        </div> …

我有这个表单组件:

import React, { Component } from 'react'

export default class FooForm extends Component {
  updateFooSelection() {
    console.log('Something should be printed... but I see nothing :(');
  }

  componentDidMount() {
    this.initialiseWidgets();
  }

  componentDidUpdate() {
    this.initialiseWidgets();
  }

  initialiseWidgets() {
    Materialize.updateTextFields();
    $(this.refs.selectFoo).material_select();
  }

  componentWillUnmount() {
     $(this.refs.selectFoo).material_select('destroy');
  }

  render() {
    return (
      <form>
        <select id="selFoo" ref="selectFoo" onChange={ this.updateFooSelection }>
          <option value="foo">Foo</option>
          <option value="bar">Bar</option>
        </select>
      </form>
    );
  }
};

但是,该功能updateFooSelection根本不会被触发.在检查DOM时,似乎没有任何onchange属性或类似的东西.我试过理解文档,但是这个元素没有例子.

如何在React中使用Materialize获取select元素的更改事件？

为什么onChange事件永远不会在这个元素上被触发？