All Questions
21 questions
1
vote
1
answer
496
views
Add style for striped table including hover function
I have a table with striped style:
<div class="container" ng-app="sortApp" ng-controller="mainController">
<table class="profile-table">
<thead>
<tr>
<...
4
votes
2
answers
9k
views
how to set bold and italic property in component label using angular4
I am having a inside that component there is a template and selector
here is my component
@Component({
selector: 'labelnumeric',
template: '<label>hello</label>'
})
export class ...
3
votes
1
answer
4k
views
angular 5 ViewChild clientHeight, scrollTop, scrollHeight are all zero after
I have a component With scrollable content.
However when I try to get the dimension of the scrollable content in angular using the ViewChild I get zero for all values, however if I use jQuery to grab ...
0
votes
2
answers
860
views
Move element up against window scroll in a directive then apply fixed position
I'm using an angular directive and binding the scroll on the window element. On scroll, I want to move the element against the direction of the scroll up. Then, when boundingRect reaches 50, I want ...
1
vote
0
answers
81
views
AngularJS : ng-switch is not triggering when i was clicking second time?
I have a left nav in my one of the view of the application whiich is build using ng-repeat and ng-switch. every link's action associate to a directive in the right hand side. some time, the ...
0
votes
2
answers
75
views
AngularJS fixed list with updating content
Im in need of some inspiration on how to solve the following:
I'm making an information monitor using AngularJS.
The monitor should list a maximum of 6 rows of information.
A new row will always be ...
0
votes
2
answers
63
views
jQuery issue with angular
I need help with moving jquery functionality to angular way. I've a jQuery enabled page and following code is used to set the css and toggling.
// dropdown option
var drop= $('#main-wrapper .all-...
0
votes
3
answers
122
views
Angular Directive parsed attr two-way binding
I am creating an angular Directive called evoEventMirror, whose purpose is attach a jquery event to an inserted element and apply a specified css style to the "root" element.
See example below:
<...
1
vote
2
answers
1k
views
Show / hide based on condition
My current markup looks like this:
<div class="box" ng-click="showMe($event)">
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5&...
1
vote
1
answer
1k
views
Material design ripple from jQuery to AngularJS
I have some simple code for a material design ripple effect in CSS that can be used on every element needed just by applying an .ripple class on it (but it must have width and height). The code is the ...
0
votes
1
answer
40
views
the event listener registered in my Link Function is not triggered
I have the following code inside my link function of custom directive definition and I can see a scroll event listener for the element in chrome. But the handler function is not invoked when I scroll ...
-2
votes
1
answer
989
views
Display specific part of very large .svg image file via javascript or css in Angular.js directive
I have very big map image (3000x8000px) in .png format that I have transformed to .svg for programmatic data visualization. I can not figure out how to display specific small part of that map.svg in ...
0
votes
1
answer
455
views
Set elements opacity depending on other elements scroll top in angular
I'm new(ish) to angular. I come form a jQuery background and want to change my thinking.
I have an element and as you scroll the page I want it to fade out. Say it was initally 100px from top I want ...
0
votes
1
answer
1k
views
Is there a way get width and height of child element in a directive in Angularjs
I am using an angularjs directive with a template to append divs to element. CSS automatically styles its width using max width. How do I find this width for further processing? I tried:
for(var i=0;...
1
vote
5
answers
2k
views
How to get the height of a div and apply it to another on load and resize using AngularJS
I basicly have a collection of divs structured like this:
<div class="items">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div&...