In this article I am going to discuss all you need to know about Angular routing when you develop single page application. In Single page application you have lot of navigation between components and modules. So you can study how to route among components and how to route among modules Why do you need routing […]
Blog
In this article, I am going to show you how to display JSON data. We will fetch the data in JSON format from the RESTful api. We will follow these steps to do this Create Angular Project Create a component name Products Create a Angular Service to fetch data Add HTTPClient module to AppModule Show […]
What is angular service? This is a function or object which can be shared in your Application. Services use the dependency injection mechanism. This is a singleton object Angular service is a stateless object You can create your own service in Angular. There are in build service in Angular Why do you need service? You […]
When you develop Single Page Application (SPA) with Angular framework it is very important to know the difference between component and module. In this article I am going to discuss this in detail Components You can create the component with following command
|
1 |
ng generate component product |
The component is the basic building block in Angular application. You can […]
In this post we will see how you can generate the Angular component with Angular CLI. You can run the following command at your terminal
|
1 |
ng generate component product-list |
You will see following output in your terminal. This is the list of files generated when you generate the product-list component
|
1 2 3 4 5 |
CREATE src/app/product-list/product-list.component.css (0 bytes) CREATE src/app/product-list/product-list.component.html (31 bytes) CREATE src/app/product-list/product-list.component.spec.ts (664 bytes) CREATE src/app/product-list/product-list.component.ts (292 bytes) UPDATE src/app/app.module.ts (418 bytes) |
Generated component has been located at src/app/product-list […]
In this article I am going to show you how to install Bulma CSS library in your Angular 6 project. You can use npm install command to install any package with Angular. You open up the terminal and change to working directory to location where you have created the Angular project
|
1 |
npm install bulma --save-dev |
Next you can […]
I am going to use Angular CLI to create the famous Hello World program. If you have installed the Angular CLI you can run the following command at your terminal to create helloworld project
|
1 |
ng new helloworld |
If you want to create the project with routing you can use the –routing flag
|
1 |
ng new helloworld --routing |
When you open the […]
In this article we will see how you can install the Angular.js for your single page application development work You need to install Node.js and the npm package manager in your computer to getting started with Angular Development With Node.js you can develop and build the client application and NPM is also Node.js application but […]
In your Laravel application if you want to get some records according to date you entered you can use the Order By clause as shown in below
|
1 |
SalesOrder::orderBy("order_date", "desc")->paginate(20) |
Here you are using order_date field to select records by descending order. I am using pagination method to get only the first 20 records
How to Creare Resource Controller You can create the resource controller using following artisan command
|
1 |
php artisan make:controller ProductController --resource |
This resource controller will have the CRUD methods as shown in the following table Verb URI Action Route Name GET /products index products.index GET /products/create create products.create POST /products store products.store GET /products/{product} show products.show GET /products/{product}/edit edit products.edit […]