Using the ternary operator to verify multiple strings

I am encountering an issue with a piece of code that involves checking if the value is null or turnedoff, then inserting a blank space into the variable on the left-hand side. However, I have noticed that the turnedoff value is not being replaced as expected. What could be causing this problem?

JavaScript Code: 

$scope.ModelAux ={
  ssclientID: sessionStorage.clientId === ('null' || 'turnedoff') ? '' : sessionStorage.clientId
};

alert($scope.ModelAux.ssclientID);

CSHTML Code:

<input type="text" name="clientID" class="form-control input-md" ng-model="ModelAux.ssclientID" required/>
javascriptangularjs

Answer №1

Here is a better way to do this:

sessionStorage.clientId === 'null' || sessionStorage.clientId ===  'turnedoff' ?

This is necessary because the previous code using `'null' || 'turnedoff'` will always result in `'null'`, and does not properly check for the value of `turnedoff`.

Answer №2

It is true what @Nina Scholz mentioned. For a more concise approach, you could use the following:

['nil','disabled'].indexOf(sessionStorage.clientIdentifier) >= 0 ? '', sessionStorage.clientIdentifier;

Answer №3

experiment with the following

(!localStorage.userID || localStorage.userID === 'disabled') ? ''

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

Ways to append multiple values to an object ID in mongoDB at a later time

I have a pre-existing object ID in my MongoDB database, and I am looking to add more values inside it in the future. Here is an example of my current MongoDB structure: [{ label: 'colors', options: [ { label: 'Bl ...

javascriptarraysreactjsjsonmongodb

Most efficient method for verifying the presence of a toast message (with a functional demonstration)

After struggling for hours, we finally stumbled upon this solution. It's hard to believe that this is the optimal approach. Now, I'm curious to learn about the recommended method by the experts. findToastMessage(expectedMessageText: string) { ...

javascriptselenium-webdriverprotractore2e-testing

Immediate family members nearby are not an option. We will have to create the form dynamically

On a previous page, there is a form that allows users to input data and define the number of "Attributes" they want to assign to a device by clicking on a button. Users are prompted to specify a name and type for each attribute. If the user selects "Selec ...

javascriptjqueryhtml

(MUI Textfield) Error: Unable to access properties of undefined (specifically 'focus')

I have been working with the useRef hook in my Material Ui Textfield and have encountered the error Uncaught TypeError: Cannot read properties of undefined (reading 'focus'). I am unsure how to resolve this issue. Here is my current code snippet: ...

javascriptreactjsdommaterial-ui

A simple guide to loading images from a directory and displaying them upon click

I am currently working on a function that includes multiple sub-functions to achieve different tasks. One function is intended to store the files received as input into an array called loadedimages within the parent function. Another function aims to displ ...

javascriptimageonclick

Struggling to understand the usage of FormData and ngResource

I am currently facing an issue while trying to upload a file as MIME/multipart through AngularJS 1.6.4 and then sending it to an ASP.Net WebAPI. I came across a sample project that uses version 1.3.1, where the following code snippet works: var formData ...

angularjsngresource

Transform a callback-based function into an Async Iterator version

Situation I have a function with an asynchronous callback structure, like so: let readFile: (path: string, callback: (line: string, eof: boolean) => void) => void However, I would much rather use a function that follows the AsyncIterable/AsyncGen ...

javascripttypescriptasynccallbackasync-iterator

Looking to separate a string following a specific word?

Below is the code snippet provided: var url="https://muijal-ip-dev-ed.my.salesforce.com/apexpages/setup/viewApexPage.apexp?id=066415642TPaE"; The desired output from this string is: url="https://muijal-ip-dev-ed.my.salesforce.com/" We want to keep only ...

javascriptjqueryhtmlattributes

Error: Required variable missing in AJAX Post request

When making an ajax call, I use the following code: o.open("POST",q,true); o.setRequestHeader("Content-type","application/x-www-form-urlencoded"); o.setRequestHeader("Content-length",p.length); o.setRequestHeader("Connection","close"); Here, q represent ...

javascriptajax

navigate to a different section on the page with a series of visuals preceding it

When I try to navigate to a specific dom element on another page, the page initially works fine but then jumps to somewhere before that element. I believe this issue occurs because the page calculates the position before images load, and once the images ar ...

javascripthtml

I successfully linked expressjs, nodejs, reactjs, and mysql in my project. I'm puzzled as to why everything runs smoothly after I restart my express server, but encounters issues when I refresh the page

express path users.js var express = require('express'); var router = express.Router(); const connection = require('./MySQL.js') /* Accessing user data. */ router.get('/', function(req, res, next) { connection.connect() ...

javascriptnode.jsreactjsexpressdebugging

Detect changes in class properties using Node.js

Is it feasible to establish direct proxy watchers for class properties in Node.js? class User{ constructor(name){ this.name = name; let pObject = new Proxy(this,{ set: () => { console.log("something cha ...

javascriptnode.jsproxy

Switch up the sequence of selected/appended SVGs in D3

In this dot matrix visual example, different colored circles represent funding percentages from three countries: USA, Canada, and Mexico. The gray circles indicate the remaining funding to be raised. The code snippet showcases how the circles are mapped ba ...

javascriptd3.js

JavaScript method that accepts two functions as arguments

What is the proper syntax for passing two or more functions to a method, like in this example setInterval("javascript function",milliseconds); is the following correct? setInterval("pushmarkers();clearOverlays();loadmarkers();",5000); ...

javascriptsyntax

Utilizing data attributes in AngularJS

How can I access an HTML data attribute within my Angular controller? I keep getting 'null' returned even though the attribute is set dynamically in the HTML. Here is the code I am using: <button class="btn" ng-data-stuff="{{psn._id}}" ng-cli ...

angularjscustom-data-attribute

Tips for successfully passing arguments to an arrow function in JavaScript

I'm currently working on a react component and I need to call the same arrow function with different arguments. However, I'm struggling with how to pass these arguments and it's making me question whether or not it's even possible. fu ...

javascriptreactjs

Creating a dynamic group in JSPlumb for Angular and adding nodes to it after the group has been successfully created in Angular 7

I am attempting to create a jsplumb group and then dynamically add nodes to it. However, I have encountered an issue where the documentation states that a node must be created first before being added to the group. In my case, I need to add the group first ...

javascriptjqueryangulartypescriptjsplumb

Best practices for defining module-wide constants in AngularJS

In my project, I have around 20 "modules" each with its own unique functionality but following the same structure. These modules are stored in separate files within their respective folders. For instance, the admin module is located in the modules/admin fo ...

javascriptangularjs

Error message received from Express middleware: "Unable to modify headers after they have been sent."

I have created middleware for my Node Express app to perform the following tasks: Checking all incoming requests to determine if they are from a bot Allowing requests for raw resources to proceed Serving an HTML snapshot if the request is from a bot How ...

javascriptnode.jsexpressuser-agentbots

Combining the power of AngularJS with the versatility of sails

A project I'm working on involves utilizing sails.js for back-end and AngularJS for front-end. My plan is to use the Yeoman-angular generator https://github.com/yeoman/generator-angular to create the Angular app first. Once the front-end development i ...

javascriptnode.jsangularjsyeomansails.js