Angular6 Questions
Ad
Why my file app.component.html is not working?
My basic angular app is not displaying the app.component.html content, always i have the content of index html. index
Angular 6 - Delete data from app.component.html and updating changes on view
I have a service which is getting a list of data and displating it on the app.component.html this is the code for displaying the data:
How to achieve filter by price range in Angular 6?
I have an e-commerce site of watches ranging from $20 to $60 price.the project is devloped in angular 6 and firebase as database. i want to filter
Property 'update' and 'quantity' doesn't exist on type '{ }'
I'm watching the tutorial of mosh hamedani using the angular version 6 but the problem is the tutorial version is 4. i'm working on the e-commerce
Difference between merge and mergeFields in Firebase Firestore
I can a data to the firebase firestore document through the following methods: 1) add() 2) set() i am very clear that how
Ways to make bootstrap dropdown to show on top of a modal
I'm trying to create a bootstrap modal with angular, which has a tag-input from ngx-chips module. the tag input has an autocomplete feature, which
I need to pass the html tag in to the variable, and it should display html element
I need to input element in the table header, headers are passed from ts file. i stored the tag from string and stored in the variable and padding
Angular 6 router resolve - Component not being called
Following is my resolve which i have defined on a route. @injectable({ providedin: 'root' }) export class coursedetailresover
Reduce reading documents in firebase firestore collection
I have web app,developed using angular 6 and google-clod-firestore,which take order from customer to deliver books;currently it have two
angular + firebase: what component to contain firebase auth?
I'm building an angular 6 app and need to add firebase authentication. the app component contains a element and a component. which
Ad
Not able to run angular app due to ɵɵinject & ɵɵdefineInjectable (Getting error at compile time)
Get this error after npm install: +-- unmet peer dependency @angular/[email protected] +-- unmet peer dependency
Set Value in Select Option of dynamic form
I have created dynamic form, in that form there is one dropdown. in that dropdown i want to have fiscal week for that i want to run loop inside ts
Angular - Accessing ngrx store in a 'then' block
I am using angular6 and cloud firestore (not realtime database). i have a service which holds a function which adds a document to a collection and
How to get EPOCH date time format in angular 6?
I want my date, time to be in epoch format in angular. can anyone help me how to get date in epoch format? let uccdateformated =
How to calculate and display sum of field from javascript object
I have an object, where i need to display name. and the total expense amount of respective person. i am able to display name by using
Angular 6 and Firebase (database) rule configuration
I'm using firebase (database) for data reading and writing data. meanwhile, the rule section of the database was set to public, but now i have set
AngularFire 2 "child_added" returning all childs
I'm having difficulties in understanding the "child_added" from angularfire2. according to the documentation, the
How can I hide the 2 ionic button when a single button is clicked?
I am using 2 ionic fab buttons one for approving the user's details & other for rejecting it. i'm using both the buttons as shows below:
Angular firestore app queries with userId not working
I have an angular 6 with firebase application i have a service with an observable (i later want multiple subscribers listening to this same
Dialogflow Webhook not working when calling from External Angular 6 Chat Window
I have created a dialogflow chatbot. in which i have created a webhook to integrate it with firebase. the chatbot and webhook are working fine
Use node short id module with angular 6 in typescript
I tried to use the node module in an angular 6 typescript. first: npm i shortid in typescript class: import { shortid }
Ad
Chat application built in Angular 6 x AngularFire2 Throwing error
Installed dependencies "@angular/cli": "1.6.6" "angularfire2": "5.0.0-rc.6", "firebase": "4.12.1", "rxjs": "^5.5.10",
Firebase Cloud + Angular6: save response from db in class property
I'm having such a hard time using the cloud storage from firebase with angular that i end up in a dead end. i'm trying to do something
Cordova - Angular 4- Is there any way to re-write android device back button
I am working on an application, where i already added one back icon in header on each page. but i need to achieve same functionality with device
Angular 6 Firebase Custom Auth with token
I am trying to do authentication to firebase server to get the details i used this when i was using angular 1.6 var fbref = new
Firebase verify email issue when using sendEmailVerification method in AngularFire2
Tech stack: currently using angular6, firebase, angularfire2 and angularcli6. attempt / issue:
How to refresh component after MatDialog close and data updated in database in Angular 6?
I am learning a mean stack app with angular 6. here i want to refresh the component after adding a new client/car/driver/booking or updating a new
Angular based backend and integration of Firebase Admin sdk
I am using angular firebase in my angular firebase backend panel that i am creating for my mobile apps. however i require to send push
How to save filters in localstorage angular 6?
I need to keep applied filters. when i change components or when i return to the previous component, i would like the filters to be applied
error TS2339: Property 'contenido' does not exist on type '{}'
I'm doing a crud, with angular 6 and firebase, in its firestore database, i'm editing some data through a form, the application should work but
how to get JSON data in from firebase, and then use it in angular 6, firebase return the data with value tag
I am using firebase functions to get data from db, this is how i am doing it, exports.gettopplayers = (request,response)=> {
Want to change the arrow from large size to small size
I am using angular2-multiselect and by default arrow size is large i want to decrease the size of the dropdown arrow.
Ad
How to get data from Prometheus DB, using Node.js
How to get data from prometheus db, using node.js const client = require('prom-client'); i'm find this, but i.cant known how to
Angular6 makes API call to localhost from Server
I have an ndoejs/express app, which serves an angular6 application. inside my angular6 app im making http calls to my restapi. if i host the app
I want to upload an image URL to my angular form as json data and send it to server. the image URL is from the server response
I want to upload an image url to my angular form as json data and send it to server. the server should respond the image url. that because the
angular 6 change detection - ngOnChanges not firing for a deep nested object
I am having an object as below result = [{ "name": "jmd", "children": [ { "name": "ppp1",
How to close bootstrap 4 model by calling a function in typescript
I am using bootstrap 4 modal followed by the
Return firebase values from a service to a component angular 6
I'm creating an application with angular 6 and firebase using angularfire2, i chose to use the firestore where i have a collection called pages
CORS error with PayPal Rest API, firebase functions and Angular 6
I would like to set up a payment for my marketplace with paypal. i build my app with angular 6, and the backend with firebase, using firebase
Picking an item from Firebase on button click
I'm working with angular 6 and firebase and what i need is to get all items from the firebase and then display only one at a time till next button
How to get data when clicking a card using Angular 6?
I'm using firebase & angular 6 to display a list of products from my database but i want to get data of a particular product when clicking a
Angular Sort Array Object by value inside object
How get the object by filtering key value inside the object? i have objects below where i need to only pull data which has session_id:23
How to get a proper error message when SFTP host is invalid
I wrote a function in laravel to test an sftp connection with user-supplied server credentials. this function works fine and shows an appropriate
Ad
Creating project in Angular 6 giving error : Unexpected end of JSON input while parsing near
I am new to angular. i am facing problem in creation of project whenever i try to create project using ng new angular,
Subscribing a variable in rxjs
In my component, i subscribe to a variable like this: import { subject, of } from 'rxjs' .... distance: number constructor() {
Error Cannot read property 'getBoundingClientRect' of null in d3-gantt charts
Hi all when am trying to create the timeline chart i get the below error.i imported both d3 and d3-timeline import * as
Cannot use namespace as a type angular
I've got a service that i cannot make it work but it is very similar to another service that does work. it just give me the error:
Angular 6 Bootstrap not found in ./src/.././src/app/app.browser.module.ts
I'm sorry for my bad english. my fault is that when i want to seo the joints in the module.browser class bootstrap does not appear
Firestore getting Javascript Date instead of Timestamp
I'm using angular 6 and firestore to develop an application where i'm saving my dates as javascript's date
Get UID and insert in object in database firebase Angular 6
I need to get uid that user created in authentication and insert this uid in item created in database firebase, firt i create user in my
firebase 5 package is giving error with its own Observer
I was trying to migrate from angular 5 to angular 6.. then as we all know.. everything else depend on every other package.. i finally needed to
*ngIf-else not showing else results
I have no idea why this isn't working and i'm stuck. can anyone spot what is wrong with my code? im trying to show a not found message
How to save data in json file?
I need to save json data into a .json file after converting an object to a string using json.stringify this is
Passing array of objects from angular template to another component using @input
I am trying to pass an array of objects through angular template from one component to another one. <div *ngfor="let item of
Ad
Using npm on angular project but it displays nothing when adding angular component
I am using a angular login example found online that we use npm start to run. my problem is when i generate a component and add it to the
Confusing while Passing data between the components
I am new in angular 6, i am creating the project using angular 6. i am coming to the problem while sharing the data. here is my code:
color td based on object field value Angular 6
I have a table, and i want based on a property, to color rows like this: if account is the same, color them with gray, and if not,
Angular 6 routerlink in child module and router-outlet in parent (app.component)
I'm using the routermodule and have a problem with the routerlinks. the routerlinks doesn't work (the anchor isn't clickable) because they
ngmodelchange called when mat-option selected in angular material
I have a scenario whenever the user starts searching for something which will call the http service and get the response and show it in the
How to select multiple checkboxes in angular 6
I am using a checkbox in angular to select more than one option and i am trying to get the value of the checkbox in one object, not in an array. i
How to use save-svg-as-png with angular 6
I am trying to use the save-svg-as-png library with my
Testing an rxjs get method(service), on the component
The function call on the service is like so. get getlayertoedit(): behaviorsubject<vectorlayer> { return
How to check variable is in array or not in angular and javascript?
i am using angular 6 with laravel. i am fetching one array to frontend and i want to check that my variable is into array or not.
create dynamic form in angular6
I need to create a dynamic form . when click addnew it create a new form . i using this code in ts file :
Angular 6 material table adds row(form field) with last entered value
I am trying to add form fields and displaying it in the form of material table. but when i try to add a row(form field) it displays form field
Ad
selected chechbox when page in loading
I have roleclaimvalue table in database , it has roleid and claimvalue . i want to when user enter
How to reform a json having 1 core object with a specific property
I am having 1core of object in json and these object have supplier property. there are other objects having same supplier name but different other
How to recieve data with parameter from Angular service
How to receive data from the service with parameters. i have 2 components and service. from one component i must to receive the data in the other
How to use Amcharts4 in angular6?
I am implementing amcharts4 "animated-gauge" demo in angular6 project.
maxlegth not working using template driven form in angular 6
I am developing one register form in that form i need maxlength validation but using template driven form can't show maxlength alert message.
not show <ng-template> when using structure directive
I create this directive fot show or hidde label . directive({ selector: '[appuser]' }) export class userdirective {
v.context.$implicit.(PropertyName)is not a function
I need to user dynamic permission in angular6 . i must return list of menu from database : <li *ngfor="let op of
Get the url change in angular
I have two different projects. authentication project: has host as http://localhost:4200
Issue related to adding component into another in Angular6
I have web application with angular 6. i have following structure: src -app -auth - folder
Can't run downloaded Angular project
I have downloaded an angular project from angular.io tutorial when i run this project it shows error could not
How to record and save video using HTML5 WebRTC
first run code snippet then read the description ... it will give you the structure i want to record, play and
Ad
Subscribe' does not exist on type 'Promise<User>' Angular 6
From angular 4 to angular 6 code now i am getting error in vs code saying property 'subscribe' does not exist on type 'promise' . the error is in
Is it possible to upload a JSON file though file upload and read the contents in Angular 6 without talking to an API?
Have a downloaded json file as a structure. want to be able to upload it though file upload in angular (using angular 6) and then read the
Filters without pipe Angular 6: overriding problem
I have 2 categories of filters: group and name. how can i modify this code because they are not working as a pipe, they
Angular 6 @Viewchild is not working with lazy loading
Here is my code that gives error cannot read property title undefined. parent component import { child } from
Change form elements using angular form
I am making angular dynamic form with form-elements loaded through json.. the form element generation are working fine, but i am in the
Fill Array of string with interface inforamtion in angular 6
I need to fill fill array of string with interface inforamtion . i send server request for return list of role with this code :
Unable to set array property in angular6
I need to set array property in angular 6 with this code : this.addupdate.roleids=this.selectedrole; but it
Pushing new FormGroup into FormArray marks dynamic FormGroup as invalid
I'm not sure if this is a bug, almost 90% certain it's not, but i want to know the logic behind something like this occuring. i have a
How to do pop operation in javascript when unchecked checkbox?
I have just the two checkbox whose codes looks like: <div *ngfor="let item of documents"> <label> <input
Expected 2-3 arguments but got 4 in angular while performing POST operation?
I have a form and when i click the submit button onsubmit() function is called and here i have printed in console all the datas that are
How to handle the column mismatch in datatable in angular?
If all the conditions are satisfied and true then all columns are matched and shown in datatable like:
Ad
How to load faster the Angular 6 inside Laravel
So i have a laravel project this is for the api purposes then inside the public folder i have stored there the angular (folder named:borrower) i
How to perform validation in radio button in angular 6?
Actaully i have two types of input types: one is normal text and another is radio type.i want to valdiate both the fields before submit button is
How to display new comments after the old comments?
I have a twitter look like app where user can enter comments in angular user can enter a comment , the comment display automaticaly and diplays a
How to add counter in angular 6?
I have a function which grabs comments from the server, i would like to display total number of comments available in a server. here is
Angular 6: error TS2339: Property 'value' does not exist on type 'HTMLElement'
I have textarea which allow user to submit comments, i want to grab the date on time the comment is submitted, and save to json together with
Angular 6: ERROR TypeError: Cannot read property 'toLowerCase' of undefined
I am creating crud app in angular six about users, when i am trying to add new user i am getting the following error: here is the error i
Pagination and filter by column at the same time Angular 6
How can i modify this code in order to obtain pagination and filter at the same time? the problem is that if i have 1000 rows in my table and i
ERROR in : Can't resolve all parameters for MenuController in Angular6
I am trying to add a resolver file to separate the business logic and am stuck with this error. error in : can't resolve
not able to get component variables under setTimeout function
I am new to angular(6) and i am getting this problem that i am not able to get component variables under settimeout function. take a look on code,
Dynamically changing styles in Angular 6 using Environment Variable
I am trying to change styles dynamically in angular 6 using environment variables. and i am able to do that, here is how my file
Problem with consuming an Observable in Angular 6
I have a simple component structure where i have an angular component called gameplay, inside which is a child component called
Ad
Angular6: reuploading same Image wont trigger upload method
I want to upload an image to my angular6 website and display it, which works perfectly fine with this code. html: <img
Angular 6 call localhost API
I am trying to call an api locally in my angular 6 app, the api url is http://localhost/myapi i added a proxy config file that point
Ad
Blog Categories
Ad