The functionality of the Batarang Chrome extension designed for AngularJS seems to be malfunction

(I have included this post in a Github series with similar recent experiences, hoping to find an answer here.)

Great, I'm not the only one struggling.

I've been trying to teach myself Angular from a book. When it mentions using batarang to display scope and models for a small script example, I launch batarang but all I see is 'Scopes' over 'Scope()' on the left, and 'Models' over 'Select a scope to view its models.' with an 'Enable Inspector' button below. I made sure to check the box on the 'Enable' tab.

However, nothing seems to be working.

Clicking 'Scope()' on the 'Models' tab (per the instructions on the 'Help' tab) does nothing, as well as clicking anything else. Interestingly, under the Options tab, I can select Show applications, Show bindings, and Show scopes. These create boxes around sections of the resulting page's script above the dev tools pane, but they disappear once I switch tabs like 'Models' (which still isn't functioning) and return to the Options tab.

It says I'm on version "1.0.2 debilitating-awesomeness" ...presumably the AngularJS version, accurately describing batarang so far.

PS: I watched the video () which was unhelpful as it assumes everything is already working.

By the way, I'm using Win7Pro64SvPk1 and Chrome 34.0.1847.131 m (updated).

Hopefully, the other recommended tools will perform better, or at least work.

Can anyone confirm the current status of batarang? It appears that many users are encountering issues with this extension.

Answer №1

If you're using AngularJS 1.3.6 and Chrome Version 39, consider trying out the extension "AngularJS Batarang (Stable)" created by "spencer.leland". It has been helpful for me.

Answer №2

It has been more than 10 months since the latest version of Batarang was released. Evidence suggests that it is now obsolete and incompatible with Angular 1.2.x

Answer №3

After testing, I can verify that the stable version of AngularJS Batarang (version 0.4.3) is compatible with Angular 1.3.13 and the Ionic framework.

The developers even caution on the "batarang stable" page that the older version is reliable compared to the newer one.

I experimented with the newer version (0.7.4) from this link https://chrome.google.com/webstore/detail/angularjs-batarang and encountered issues as half of the options were missing from the user interface.

Answer №4

When I encountered issues with Batarang while trying to run a page using the file:/// protocol, I decided to move things into Nginx and serve the page from that web server, which successfully resolved my problem.

I believe this solution could be applied to Apache or any other web server as well. My current setup includes Batarang 0.8.6 on Chrome Version 45.0.2454.85 (64-bit).

Therefore, it can be confirmed that Batarang is indeed functioning in the latest version. https://i.sstatic.net/uHdak.png

https://i.sstatic.net/j8Vp6.png

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Exploring the Possibilities of Bootstrap UI Tabs without a Title and Content

Trying to create tabs using Angular bootstrap.ui Tabs. While static tabs are working fine, the dynamic tabs do not display their title and content. Here is the code I am using: JavaScript: (function (angular) { angular.module('numeter', [&apo ...

Include user input to an array in Javascript

I have a code snippet that allows users to enter words into an input box and store them in an array by clicking the Add Word button. Once multiple words have been entered, users can click the Process Word button to display all the words from the array. I ...

Steps to set up a MessageCollector on a direct message channel

Hey everyone, does anyone have any tips on setting up the message.channel.createMessageCollector function for a direct message? I attempted to use message.author.dmChannel.createMessageCollector but it didn't work for me. Any advice? ...

Guide to implementing a 24-hour format amCalendar filter with Angular-Moment.js

Currently incorporating angular-moment and the add function from moment.js: moment().add(7, 'h');. This setup is essential for showcasing anticipated approval completion times. Within a table listing approval estimates for different products, I ...

Is it possible to generate an interactive HTML form using JSON information?

When the user clicks the "get Form" button, a request is sent to the form API to retrieve information for rendering the form. Once the form is rendered, the user can then submit the form. This process can be repeated as needed. HTML: <body ng-app="Json ...

Obtain the unique identifier for every row in a table using jQuery

Apologies for not including any code, but I am seeking guidance on how to use an each() statement to display the ID of each TR element. $( document ).ready(function() { /* Will display each TR's ID from #theTable */ }); <script src="https:// ...

What is the best way to nest _app.js within several providers?

Is there a way to wrap my top-level page _app.js in both Redux provider and Next-auth provider? Currently, I have already wrapped it in the Next-auth provider like this: import React from "react" import { Provider } from 'next-auth/client&ap ...

Is tsconfig.json Utilized by Gatsby When Using Typescript?

Many blog posts and the example on Gatsby JS's website demonstrate the use of a tsconfig.json file alongside the gatsby-plugin-typescript for TypeScript support in Gatsby. However, it seems like the tsconfig.json file is not actually utilized for conf ...

Redirecting to an Unverified Website

I encountered an issue in my service.ts file where VeraCode code scan is failing Flaws by CWE ID: URL Redirection to Untrusted Site ('Open Redirect') (CWE ID 601)(16 flaws) Description The web application is vulnerable to URL redirection attacks ...

The map function yields identical outcomes for all of the buttons

I need help with mapping an object that contains various note titles: ['note_title_test', 'note_title_test2', 'note_title_test32', 'note_title_test232', 'test title', 'testing1'] Below is the map ...

Using Grails to create remote functions with multiple parameters

Currently, I am able to send one parameter to the controller using the code snippet below in Javascript: <g:javascript> var sel = "test"; <g:remoteFunction action="newExisting" method="GET" update="updateThis" params="'sel='+s ...

Tips for assisting flow with managing the initialization of react component state

In my React components, I am initializing state like this: export default class LoginForm extends Component { state = { // (*) flash: { message: null, style: null } // initialiser for flash message: show no ...

Is it possible to use jquery to specifically target classes?

I am trying to achieve the following: $('.class.img').css('cellpadding', variable); However, this code does not seem to be working as expected. Despite searching online, I have not been able to find a solution. Any assistance on how to ...

Convert all relative path URLs in images to absolute paths using either PHP, javascript, or jQuery

I am looking to transform any relative URL found on a webpage, with the main intention of resolving issues related to images not being displayed. The goal is to convert these relative URLs into absolute URLs. For example: From <img src="/folder/folder ...

What is the correct way to define a variable in Jade?

My app functionality includes exporting user information once they are signed in, allowing the router to update the profile template. However, I am looking to enhance this by dynamically rendering different navigation bars based on the user's sign-in ...

Change a camelCase string to ALL_CAPS while adding underscores in JavaScript

Currently, I'm dealing with a situation where I have a list of variables stored in a file that I need to convert into all capital letters and separate them with underscores using JavaScript. The variable pattern looks something like this: AwsKey Aw ...

Issue encountered while rendering tables with Jquery-dataTables

Encountering an issue with jquery datatables when fetching data from a URL using ajax calls. Implementing the codeigniter framework, I utilize the datatables library to create datatable objects by invoking the echo $this->datatables->generate() metho ...

When making an API request, the response includes the body of the data, however, the specific properties cannot be

I've encountered an unusual bug while using the Mapbox geocoding API. const geocode = async (address, callback) => { const url = `https://api.mapbox.com/geocoding/v5/mapbox.places/${address}.json?access_token=token&limit=1` try { ...

What could be the reason for the checkbox being toggled twice?

Here is the code snippet I am working with: $("input[type='checkbox']").each(function() { var current = $(this); $("label[for='" + current.attr("id") + "']").on('click', function() { current.change(); al ...

Converting PHP JSON data to a JavaScript variable

Before asking this question, I tried all possible solutions found on Google and here on Stack Overflow. In my JavaScript file, I currently have: var locations = [ ['Name','Country','City','lat','lng'] ...