11,761 questions
1
vote
1
answer
1k
views
angular 17 standalone use multiple components (two components as example)
*self study html, i can deal with css and js, and i can use bootstrap.
*it's first time use front end frameworks.
*English my second language
Angular CLI: 17.3.3
Node: 20.11.1
Package Manager: npm 10....
- 19
2
votes
1
answer
2k
views
How to implement CanDeactivate guard for Angular component loaded by ViewContainerRef?
I designed my Angular page with buttons that route to the same component, called ParentComponent. Each of these buttons passes different query parameter. The ParentComponent has a ViewContainerRef ...
- 565
0
votes
1
answer
278
views
react and tailwind with @chakra-ui
Is anyone here familiar with @chakra-ui? I've bought a code from HORIZON UI, and I don't know how to extract each component's code from it. The code is written in React JSX and Tailwind CSS. Can ...
- 43
1
vote
1
answer
31
views
Data display on second click
import React from "react";
import Button from "./Button";
import Section from "./Section";
import { Dragendrop } from "./Dragendrop";
export const RightBox = ()...
1
vote
2
answers
65
views
Issue with Hover Effect: Text Inside Box Darkens on Hover Despite Bright Text Color
Here's the properly formatted content for Stack Overflow:
Issue with Hover Effect: Text Inside Box Darkens on Hover Despite Bright Text Color
I'm working on a React component where I have a box that ...
- 41
0
votes
0
answers
47
views
Typescript not throwing error when passing wrong type props to child component
custom_types containing the wrong type of url as number instead of string
@types/index.ts
export type custom_types= {
url: number;
}
Component.tsx
const Component: FC<{ tracks: custom_types[] }&...
- 370
0
votes
1
answer
724
views
How to prevent component unmounting/remounting on nextjs
In my nextjs 14 app I have a Chat component that shouldn't unmount/remount. The issue is that on my mobile screen I created a button that expands the chat and a button to close the chat. When I expand/...
- 125
1
vote
1
answer
110
views
I am trying to add two appbar components on top of each other using Material Ui, how do i get rid of the line that appears separating the two appbars
I'm trying to add two AppBar components in Material-UI, one on top of the other. However, I'm encountering an issue where a line appears at the end of the first AppBar, on top of the second.
Here's a ...
0
votes
1
answer
190
views
Is it possible to render a button only once on Flutter Flame game screen?
I'm trying to develop a game. I want 6 hexagonal buttons on the bottom of the game screen. However, they are rendered thousands times each second. I don't want this. I want them rendered only once. Is ...
1
vote
0
answers
32
views
how to create non visual components in winforms
I have created a winforms control library with a few visual components. I would like to have a non-visual control that can act like a skin theme configurator. How would I archive this? Thx for any ...
- 11
0
votes
1
answer
120
views
How to pass a Blazor Component Instance to other Component and render it?
I have a kind of factory in my application in which I create instances of various objects. All objects inherit from the same base class.
I'm now trying to pass an instance of this derivation into a ...
- 1
0
votes
0
answers
35
views
How to pass the result of a computed property to another component in Vue
I have been struggling since a few days to pass the result of a computed property to another component.
The computed property is defined in HomeView.vue, and I would like to insert the result of the ...
- 1
0
votes
2
answers
45
views
How to make an animation happen everytime I click on a div that has the animation?
Im begginer on Angular and Im trying to develop a simply and little app which consists on a system of gym's with their corresponding managers, where each gym has a list of trainers. Up to now, if I ...
- 11
0
votes
1
answer
85
views
difference between vuejs local registration syntax
I found out there is two ways to make local registration in vuejs:
1) assigning components to a variable:
const components = { 'test-selector': TestSelector, };
2) declaring it as an object
...
0
votes
1
answer
274
views
Add and remove dynamic component Angular
I have this code in Angular 12 and it works perfectly. The problem comes when changing the version from 12 to 16.
import {
ComponentRef,
ComponentFactoryResolver,
ViewContainerRef,
ViewChild,
...
0
votes
1
answer
45
views
Is it possible to define paginator if its inside ngIf?
I have a button and when it is clicked, search and table opens. Its in one component, is it possible to define paginator inside ngIf ?
<div style="text-align: right;" *ngIf="...
- 43
0
votes
0
answers
43
views
burger-menu bug with react (flickering)
I have a strange bug with the burger menu in the Contacts component in my spa. This bug is observed only by me and only in the chrome browser. Other tabs don't have this bug. Who can tell you what the ...
- 109
0
votes
0
answers
33
views
Why I when i want clear description in object it cannot
<script setup>
import { TodoManager } from "../../../lib/TodoManger";
import { computed, reactive, ref, watch } from "vue";
import List from "./List.vue";
import ...
- 23
0
votes
0
answers
35
views
Why does the component not called if I call and assigned it to a variable?
I am using a countBadge component which is called in parent and assigned to a variable;
It is passed to the child; In child it will show badge based on viewType
If viewType is fullView, count badge ...
0
votes
1
answer
32
views
Why my delete animation not play before delete
<script setup>
import { computed, ref, watch } from "vue";
const emit = defineEmits(["delete-todo", "edit-todo"]);
const props = defineProps({
isSuccess: {
...
- 23
1
vote
1
answer
250
views
Reusable/Shared Angular material autocomplete returns null even after selection even with ControlValueAccessor
I have implemented a shared/reusable angular material autocomplete, which uses values from a server returned as objects. I can integrate it into other components. However, if I use my component:
<...
- 45
0
votes
1
answer
49
views
Let my submit button know which component the user has selected - Flutterflow
I've been trying to figure this out all weekend.l'd really appreciate it if someone showed me how to
do this. l've watched videos, read documentation but I just dont get it.
I have 4 components, each ...
- 1
2
votes
1
answer
444
views
Delete self component with the button inside the component itself in Livewire 3
I am using livewire 3.
I have a button inside a component and i want to delete the component with that button which is also inside the component.
InvoiceRow component:
<div class="col-md-1&...
- 31
0
votes
1
answer
20
views
Changing the state isn't rendered in the UI
I'm new in React so i faced this problem and i don't understand why this is happening , I created Component called ShoppingCart which display all the products that i added to the cart:
ShoppingCart....
1
vote
2
answers
139
views
Blazor component inherit, nothing renders
I want to do simple component inheritance, but I don't see anything when I navigate to /testpage what am I doing wrong?
TestBase:
@inherits ComponentBase
@if (!string.IsNullOrEmpty(Name))
{
<...
- 23
0
votes
1
answer
37
views
Images won't center using tailwind in component
I'm trying to align my text with my images for the grid that I've created but for what ever reason it won't line up.
Skills.jsx
<div className='grid grid-cols-3 gap-0 mt-10 m-auto '>
...
0
votes
2
answers
143
views
how to use buttons with the onClick method in the latest nextJS version 14.1.3
"use client"
import React, { useState } from "react";
import { FaChevronLeft, FaChevronRight } from "react-icons/fa";
export default function HeroSlider() {
const ...
25
votes
5
answers
19k
views
Angular Signals: What's the proper way to trigger a fetch when input Signals change value?
So I've been learning and using Signals in Angular, and it's exciting. However, there are some use cases where I feel there's some friction. I can't figure out a good pattern when you have a component ...
- 552
0
votes
1
answer
268
views
React TypeScript: Preventing component restart when switching tabs in app
I'm developing a React TypeScript application where I've implemented tabbed content, similar to a browser. Each tab contains a component, and I've encountered an issue where switching tabs causes the ...
0
votes
0
answers
48
views
Image not showing up in View, in a component. This image does show up within a different component View
The image will not show up in the component view. It does show up in a different component view. I am not sure the difference. There is a test property that outputs 'works' to the console to verify ...
0
votes
1
answer
266
views
Is there a better way to write this Jira query?
what is wrong with this code:
issueFunction in linkedIssuesOf("type = Epic", "is epic of") AND
component is not EMPTY AND "Epic Link" is not EMPTY AND issueFunction
in ...
0
votes
0
answers
58
views
Injecting components in vue, component comes from async API call, how to make the v-model in this component work?
I Have the following:, A vue3 app with a pinia store, the data from the pinistore comes from an API, no problem so far, data gets stored in a pnia store just fine. I also have the html part in the ...
0
votes
2
answers
77
views
React component not re-rendering
I have a react code where I am facing an issue which is related to nested components in the react.
code
The issue is that I have a parent component named testing which contains two children component ...
- 37
0
votes
1
answer
52
views
How to pass data between functional components with props?
I want to pass data {name} from Contact.js to Profile.js. I tried to use props to pass the {name} data but I couldn't. I am doing something wrong but I can not figure it out.
.. I can write the name ...
0
votes
0
answers
18
views
State Not Updating in React Functional Component [duplicate]
I'm encountering an issue with updating state in my React functional component. I have a simple component where I'm trying to toggle a boolean state (isOpen) when a button is clicked. However, the ...
-1
votes
2
answers
78
views
How to use JQuery in ReactJS Component
I have tried importing jquery file in index.html for using jquery $ in react component.
And I tried like that $('button').click(function()) in component.
At that time, I faced errors, $ is not ...
- 122
0
votes
0
answers
51
views
I am getting errors on ngmodels in angular
enter image description here
I am new to angular... When I implementing ngmodels I get some errors that property 'eunwrapWritableSignal' does not exist on type..... Like in the picture
Please guys ...
-1
votes
1
answer
233
views
ERROR NG8002 Cant bind to 'housingLocation' since it isn't a known property of 'app-housing-location'. (Angular)
keep getting the samen problem, everytime i swap my components from being stanalone, to joining hthem in my app.module, they give these errors :
Link to the repository : https://github.com/JariToni/...
0
votes
1
answer
103
views
Blazor SSR Component changes subtypes of Model type when rendering page
My application is typical Warehouse app. Simple one.
It is coded in Fluent Blazor Web App template (.Net 8), Interactivity: Server, Render mode: Global.
It looks like there is something wrong with my ...
- 11
0
votes
1
answer
61
views
How to import javascript files to reactjs project
I used to import directly in index.html of public folder, or used helmet node module. And I used to import javascript files in useEffect() of react component. But sometimes I faced errors while ...
- 122
0
votes
3
answers
91
views
Angular - Component inside a Component Page on the same Module is not a know element
I'm having this issue. I created a 'pages' folder inside my module, and then I created a component cause I want to put it on the page but the CLI is giving me this error message:
ng serve -o
⠏ ...
- 1
0
votes
1
answer
665
views
What is difference Between Functional component , pure class component in React? [duplicate]
I am trying to understand when to use React pure components and regular components.
Components come in two types, Class components and Function components.
iam confused by these words class component, ...
- 135
0
votes
1
answer
267
views
How to load an image stored in the fixtures folder in a Cypress component test?
I have a very basic Cypress component test that intercepts an API request. The request response includes the URL of an image which is rendered in the component being tested. This response is saved as ...
- 537
-1
votes
1
answer
38
views
Difference between class component and function component in reactjs
Difference between class and function components in reactions?
Working and use of both components and when to use them. And also explains when to use which component that completes our programming ...
0
votes
0
answers
27
views
how to pass data in modal?
component index with 5 components, Project, Navbar, Button, Carousel and Modal
import { projectData, responsive } from "../data/data";
function Index() {
const [showModal, setShowModal] = ...
- 11
2
votes
1
answer
813
views
Use Vitepress components in my Vue.js application
I'm not building a documentation website, I'd just like to take advantage of Vitepress components to build my own regular Vue.js application.
I installed Vitepress npm i -D vitepress, imported vars, ...
- 21
2
votes
3
answers
2k
views
Blazor Server App Not recognizing more than one component
Visual Studio 2022.
Blazor Server app.
Created a Components folder under my WebApp folder.
Created a .razor compnent - a dialog box.
Reference this dialog box, no issues, works as expected.
Now, when ...
- 152
2
votes
2
answers
84
views
Optional parameter extended on generic class in TypeScript
Long story short, I have a component which is used in multiple pages, and depending on the page, the input type is different, an array of type inputType[]. In HTML I have a for to iterate over those ...
0
votes
1
answer
149
views
The input method toggled cursor monitoring on
when i use this DefaultFormField Give me that Error => The input method toggled cursor monitoring on
ToDo App whit Flutter onTap methood Dosnen't work i chik it by print statment try create all ...
1
vote
2
answers
71
views
Angular Component gets looped
Im building an Angular application and my navbar gets looped.
My problem is, that if I am on /home, the navbar.component.html components gets looped and i see 2 among each other. How can I solve this
...
- 13