question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

directive nbButton not working

See original GitHub issue

Issue type

I’m submitting a … (check one with “x”)

  • bug report
  • feature request

Issue description

Current behavior:

The “nbButton” directive is not working correctly. Try to change the color of the button, size, indicate whether it is Hero type or not or even put it as Full width. Nothing works except the default primary button

Expected behavior:

change the buttons color, size and etc.

Steps to reproduce:

Take the site installation step-by-step Then run the application with ng serve After that, insert the nb-layout in the app.component.html and then the buttons with the nbButton directive. So far, everything works. Now add some directive. Be it size, color (in this case is status) or any other. It just does not work. Related code:

<button nbButton status="info">Info</button>

If you are able to illustrate the bug or feature request with an example, please provide a sample application via one of the following means:

A sample application via GitHub

insert short code snippets here

Other information:

NPM:6.4.0 Node:8.9.4 Browser: i’m using Chrome

<!--
Node, npm: `node --version` and `npm --version`
OS: Windows (7/8/10). Linux (incl. distribution). macOS (El Capitan? Sierra?)
Browser: Chrome/Safari/Firefox/etc?
-->

Angular, Nebular

<!--
Check your `package-lock.json` or locate a `package.json` in the `node_modules` folder.
-->

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:5

github_iconTop GitHub Comments

3reactions
devKid88commented, Sep 12, 2018

@Riderxyz check if there is NbButtonModule imported in module where you use buttons

0reactions
nnixaacommented, Sep 27, 2018

Fixed.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Button inside angularjs directive does not work - Stack Overflow
This is happening because your directive's scope is isolated and $scope.firstDirective and $scope.secondDirective are on the directive's ...
Read more >
Creating a Custom Directive • Angular - codecraft.tv
We create a directive by decorating a class with the @Directive decorator. The convention is to associate a directive to an element via...
Read more >
Testing Attribute Directives - Angular
An attribute directive modifies the behavior of an element, component or another directive. Its name reflects the way the directive is applied: as...
Read more >
Angular ng-click Directive - W3Schools
The ng-click directive tells AngularJS what to do when an HTML element is clicked. ... Execute a function, in AngularJS, when a button...
Read more >
Top 18 Most Common AngularJS Developer Mistakes - Toptal
There are two main reasons: you can't apply two isolated scope directives to an element, and you may encounter issues with nesting /...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found