ng-inspector | The AngularJS inspector pane for your browser | Browser Plugin library

I'm trying to implement an infinite scrolling but I can't get document.body.scrollHeight or window.scrollY or window.pageYOffset to work in my app. I've tried it by inspecting wikipedia and other sites and it works fine, but for some reason it just doesn't work in my React app. Can anyone help?

Inspection - React - Fail

Inspection - Other apps e.g. Wikipedia - Works

App logging - React - Fail

I've since tried finding this scrollY property in other React applications but still nothing. Always logs 0 in a react app.

As you can see in the image, the scrollbar is clearly not at the top.

I'm using ...

• Ruby on Rails 5
• AngularJS 1.3.20
• Chrome or FireFox Browser

It seems ng-change event does not work, when I request get method like link from other page. But when I user POST request to next page, it works.

When I change select box value, onchange event is not happen. I expect ng-change should reach changeHandler function in sample.js and console.log("ChangeHandler!!!") show up.

In addition, I use Ruby on Rails application template. So ng-app and ng-controller is same as index1.html and index2.html.

** Additional Info I tried Chrome ng-inspector for AngularJS Tool. But There is no angular panel shown up. But once reload same page, it shows up. What happend?

index1.html.erb

I am building a single-page app with a timer and 2 buttons:

• 1st one shows up on initial state (onBreak=false), and handles a 25min-timer
• 2nd one shows up when the 1st timer is over (onBreak=true), and handles a 5min-timer

Here is the HTML :

My Table Data is

I just took over the frontend work of our angularjs apps and I'm stuck.

I've been creating directives to replace bloated html to make updating the frontend look easier. All was going well till I hit the voting page of our elections app.

directive passing param (none work)

I've used this architecture throughout my app, but it is not working here, and I can't figure out why.

I'm loading the whiskey data to my parent state whiskey, which should pass the data to the child states. It's working fine, but on page refresh -- it only shows the json data for the whiskey on the page.

Angular does not even seem to be loading as my ng-inspector tool does not detect it.

I'm learning angular. For the last hours my page isn't showing anythin even though the request seems to be successful.

The component in question:

In my ASP.NET MVC web application, I am using the built in Controller.Json() method to serialize an object and send it back to the client in response to an AJAX call. The class of the object being serialized inherits from another class with some shared property names. This is intentional, as I need the property names to match for some reflection that's happening. I am "shadowing" those properties in the derived class so that they can be a different type from their same-name counterpart in the base class. Here's a simplified example: