Comments (5)
Just tried it with a fresh ng7 project (angular-cli) and it works...Did you add the @angular/material stuff? This required for this to work. (see https://material.angular.io/guide/getting-started)
from fab-speed-dial.
from fab-speed-dial.
No luck. The issue persists even with a fresh project.
app.module
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { AppComponent } from './app.component';
import 'hammerjs';
import {
MatButtonModule,
MatButtonToggleModule,
MatCardModule,
MatCheckboxModule,
MatIconModule,
MatInputModule,
MatRadioModule,
MatSlideToggleModule,
MatTooltipModule,
MatToolbarModule,
} from '@angular/material';
import { EcoFabSpeedDialModule } from '@ecodev/fab-speed-dial';
@NgModule({
declarations: [
AppComponent,
],
imports: [
BrowserModule,
EcoFabSpeedDialModule,
MatIconModule,
MatButtonModule,
MatButtonToggleModule,
MatInputModule,
MatRadioModule,
MatCardModule,
MatCheckboxModule,
MatSlideToggleModule,
MatTooltipModule,
MatToolbarModule,
FormsModule,
],
providers: [],
bootstrap: [AppComponent],
})
export class AppModule {
}
package.json
{
"name": "test-ng",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "~7.0.0",
"@angular/cdk": "^7.0.2",
"@angular/common": "~7.0.0",
"@angular/compiler": "~7.0.0",
"@angular/core": "~7.0.0",
"@angular/forms": "~7.0.0",
"@angular/http": "~7.0.0",
"@angular/material": "^7.0.2",
"@angular/platform-browser": "~7.0.0",
"@angular/platform-browser-dynamic": "~7.0.0",
"@angular/router": "~7.0.0",
"@ecodev/fab-speed-dial": "^3.0.0",
"core-js": "^2.5.4",
"hammerjs": "^2.0.8",
"rxjs": "~6.3.3",
"zone.js": "~0.8.26"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.10.0",
"@angular/cli": "~7.0.3",
"@angular/compiler-cli": "~7.0.0",
"@angular/language-service": "~7.0.0",
"@types/node": "~8.9.4",
"@types/jasmine": "~2.8.8",
"@types/jasminewd2": "~2.0.3",
"codelyzer": "~4.5.0",
"jasmine-core": "~2.99.1",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~3.0.0",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.1",
"karma-jasmine": "~1.1.2",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.4.0",
"ts-node": "~7.0.0",
"tslint": "~5.11.0",
"typescript": "~3.1.1"
}
}
html
<eco-fab-speed-dial [(open)]="open" [direction]="direction" [animationMode]="animationMode" [fixed]="fixed">
<eco-fab-speed-dial-trigger>
<button mat-fab (click)="actionX()"><mat-icon>check</mat-icon></button>
</eco-fab-speed-dial-trigger>
<eco-fab-speed-dial-actions>
<button mat-mini-fab (click)="action1()"><mat-icon>add</mat-icon></button>
<button mat-mini-fab (click)="action2()"><mat-icon>edit</mat-icon></button>
<button mat-mini-fab (click)="action3()"><mat-icon>menu</mat-icon></button>
</eco-fab-speed-dial-actions>
</eco-fab-speed-dial>
from fab-speed-dial.
Interesting. Just copied over the contents of the app component over too, so all functions used in the template are also there. Now it works. It's interesting because no error whatsoever was thrown before.
from fab-speed-dial.
Maybe it makes sense to adjust the example in the Readme in a way that copy and paste works fine?
from fab-speed-dial.
Related Issues (20)
- Support Angular 14 HOT 1
- Angular 15 support HOT 1
- Dial button does not close menu in Angular 16.1.0 after second press HOT 2
- Angular v17 support HOT 1
- open=false doesn't work HOT 1
- Component not working with content projection HOT 3
- Action buttons collapse when hovering in between each one HOT 4
- Why this package is downloading Chromium?? HOT 3
- spin90 and changing icon HOT 2
- Angular 9 support HOT 3
- An accessor cannot be declared in an ambient context HOT 1
- No provider for EcoFabSpeedDialComponent! HOT 5
- Outside Click, does not remove the 'eco-opened' css Class HOT 1
- 'eco-fab-speed-dial-actions' do not have an opacity of 0 when they collect! HOT 1
- Document is not defined HOT 2
- Feature request: base z-index configurable HOT 3
- Compatibility issues with Angular Ivy HOT 2
- Angular 11 HOT 1
- Angular Material v11 support HOT 1
- Add support for mini-fab button as trigger HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from fab-speed-dial.