Which access modifier is recommended for ng2 properties and methods that should only be used from the view?
I usually use private, but came across this post advising against it: Angular2 - should private variables be accessible in the template?
However, marking everything as public doesn't feel right, and neither does protected.
Initially, one might think that making a component Public would pose security risks by allowing access to anything and everything. However, this is not necessarily the case.
The primary role of a component's class should be to support the template, rather than creating instances solely to call properties and methods.
When dealing with child components, utilize @Input to access their properties.
For accessing child components and interacting with their properties or methods, consider using @ViewChild or @ViewChildren. In a recent experiment, I found that public properties were accessible while private properties were not, except for in specific scenarios.
Can you envision any other potential scenarios where this could apply?
At the moment, 'public' is likely the best choice, although using 'protected' can suppress an ALS warning message but should be steered clear of if AOT compilation is crucial for you.
The Angular Language Service (which your IDE may utilize to highlight coding errors/warnings) generates a warning: "Identifier '' points to a private member of the component" when private is used as the access modifier for a member.
A StackOverflow response to a similar inquiry regarding the warning also directs to a relevant access/AOT GitHub issue discussion that sheds light on the reason for the warning and discusses the nuances between 'public' vs. 'private' in AOT and non-AOT scenarios, as well as distinctions between access modifiers in TypeScript versus JavaScript.
I have personally managed to avoid the warning in my IDE while utilizing 'protected', as long as AOT compilation is not a concern, although this approach is not widely endorsed.
When attempting to build ios in Ionic3 using the command: ionic cordova build ios, I encounter the error "Cannot read property toLowerCase of undefined". Below is the log output with the --verbose flag: > ionic-app-scripts build --target cordova --pla ...
As I work on my final year project with Ionic, my laptop unexpectedly experienced a short circuit. Now, I am continuing the development of my project using multiple computers and laptops, but I'm facing an issue where my project's output is not d ...
Currently, I am attempting to retrieve JSON data using HttpClient in Angular 7. The code is functioning properly, but I am exploring the option of fetching the data directly from the API URL instead of relying on the const IMAGES array. import { Injectable ...
After making my div contenteditable and triggering ngx-popover on keyup to display search results based on searchText, I am in need of two-way binding along with content editability. However, I prefer using a div instead of an input element: <span> ...
displayData = [ { status: 'CLOSED', ack: false }, { status: 'ESCALATED', ack: false }, { status: 'ACK', ack: false }, { status: 'ACK', ack: true }, { status: 'NEW', ack ...
When executing sudo npm run build, I encountered an error stating that it cannot find the binding for sass. My npm version is currently 11.13.0 and I have only one version installed. I have tried various solutions such as npm install node-sass, npm rebui ...
Within my code, there is a parent component represented as: <Parent> <Child (click)=doSomething()></Child> </Parent> I am looking to establish a reference to the Parent component in order to pass it within a method that will trigg ...
Currently, I am in the process of developing a mobile application utilizing Ionic, Angular, Cordova, and Node.js. The application communicates with an HTTPS server using window.XMLHttpRequest: module.exports = function request (method, url, body, headers ...
Is there a way to access the parent Controller's scope from within the TypeScript class? Here is the code snippet: export class EntityOverviewCtrl extends AbstractCtrl { public static $inject = ["$state", "$http", "CurrentSession"]; publi ...
Could you recommend any strategies for clearing local storage upon closing the last tab or browser? I have attempted to use local storage and session storage to keep track of open and closed sessions in an array stored in local storage. However, this meth ...
In my code, I have a variable that combines multiple promises using async/await and concatenates them into a single object const traversals = (await traverseSchemas({filename:"my-validation-schema.json"}).concat([ _.zipObject( [&quo ...
Learning about Typescript has been quite a challenge for me, especially when it comes to using the correct syntax. I have implemented a promise to retrieve decoded content from jwt.verify - jsonwebtoken. It is functioning as intended and providing an obje ...
Whenever I switch from the initial screen to the language selection screen, I encounter this error and have exhausted all possible solutions. I attempted to utilize "useNavigation" but still encountered errors, so I resorted to using this method instead. T ...
Looking to implement dynamic routing in my React app using React-Router v4. I am aiming to construct the following address: http://localhost:7777/oceanside-yaht-club/booking/search where oceanside-yaht-club can change based on the customer. However, my ...
My current challenge involves implementing the youtube iframe api for seamless video snippet display and control within an Angular 2 application. Maintaining TypeScript's type concept is crucial for both the webpack compiler and myself :). A brief ov ...
My application features multiple factory functions, each returning an object with specific methods (more details provided below). I am interested in creating a type that combines the properties of all these returned objects. const factoryA = () => ({ ...
I've recently started using Vue.js with TypeScript, but I'm having trouble accessing values from outside the class. @Component({ name: 'SidebarItem', components: { SidebarItemLink } }) export default class extends ...
I've been researching how to create a TypeScript wrapper for type-safe fetch calls, and I came across a helpful forum thread from 2016. However, despite attempting the suggestions provided in that thread, I am still encountering issues with my code. ...
I'm attempting to achieve a scenario similar to the code below: enum Color { RED="RED", GREEN="GREEN", BLUE="BLUE" } function setColor(color:Color) { } However, when I attempt to call the function like this: setColor("RED"), I encounter the ...
I'm currently working on formatting the date pipe in my Angular application to display correctly when used within an input template. Originally, without the date formatting, my code looked like this: <input class="app-input" [readonly]="!hasAdminA ...