Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I am working on a web application using MEAN stack. I will be using two types of layouts for my pages.
Layout 1 - the full page used as the content area.
Layout 2 - layout 2 has a top banner and a sidebar. The content area is in the center.
I would like to know what is the best way to implement this using angular js. I am new to angular js development.
I hope the description explains the problem well.
Do it as a single page application using ui-router for injecting template
Example1 here...
Example2 here...
Angular is modular template based language, and easily you can build singe page app.
using ui-router you can change the part of page without changing url or without refreshing.
Related
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 months ago.
Improve this question
I was searching for a ready-to use web component for my Vaadin&Spring Boot application, and faced some questions.
As a person who does not into JS and frontend at all, i'm struggling in integration of those components. Currently I'm interested in this one: https://vaadin.com/directory/component/bluewatertrackspaper-countries/overview. I simply do not know what to do after adding a dependency via Maven. Could someone explain a way how to use those components similarly to default Vaadin components, using java classes?
Unfortunately the webcomponent you linked is built with polymer2. You can't use it in Vaadin 14+, except if you are running it in compatibility mode which I don't recommend.
It's easier to do it in Java with a Combobox.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
Give me couple of advantages of angularjs over jsp.
Give me couple of disadvantages of angularjs over jsp.
The difference between Angular and JSP is where the work carried out - if you want a web application with lots of user interaction and page state or single page application (it is when there are actions without page reloading) - AngularJS may be the best choice. Also if you want to segragate client side from server side - Angular would be better too. If you want pages with simple, fixed interactions, without dynamic state updates - JSP will be better.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
I have a navigation bar and footer on every page in my AngularJS app. Would it be a good idea to put both of those into custom directives to be able to change them without updating every html file?
It's certainly a valid approach, and is much better than repeating yourself everywhere. If the navbar and footer don't rely on any $scope bindings, you can even just create templates and load them in using the ng-include directive.
An (arguably) better way would be to create nested views. The default router is a bit limited in that regard, but ui-router is very well suited for this. These slides here do a pretty good job explaining how ui-router can help.
The nested view approach would be to create a top-level application view that's made up of three named child views.
Container View
|
| - - NavBar View
|
| - - Main View
|
| - - Footer View
You can even expand on this later by introducing sidebar views and the like.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
What is the best approach for changing pages in a multipage mobile application?
I have seen it done both ways (as shown below). I can't seem to understand which one is the best approach. Are there differences between the two?
$("#nextPage").load("myapp.html", function(){
alert("loaded next page!");
});
Vs..
$('#currentPage').hide();
$('#nextPage').show();
For the difference between what you've wrote in the question - see comment by #Japser, but in general:
I would say it depends on your app design, on "how far" you want to take it, on the framework you choose for developing it with (Sencha, jQuery Mobile, jQuery, Dojo, ...), etc...
If you "go simple", you can have 1 HTML file considered as your main page, and in it have a DIV which you will use jQuery's .load to replace its content with different content from other HTML files...
You can also use the jQuery Mobile approach for the same, which uses .changePage, etc... again, depending on what you actually want to do.
At the end, it depends on what you want to accomplish.
There is no one best approach.
And if you ever implement multi-page navigation in a Worklight-based project, it is highly important to remember that a Worklight application is a Single Page Application. You must not "leave" the Worklight context, or else you application will stop functioning. See more here: IBM Worklight 6.1 - Why is Cordova code not working when placed in a sub-page?
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 9 years ago.
Improve this question
I know Knockout.JS and Angular.JS at the intermediate's level. It is great for building Single Page applications. However, my new project is going to be very large and would last almost 3 years building it (approximately 50 pages). I am pretty sure Single Page application concept is not going to fit here due to the complexity of the project and large number of pages that have varied functionality.
My question: How would these frameworks help me in building large scale application? Should I bind Controllers/ViewModel on per page basis? Also, should I consider combining all the scripts or should I load them on per page basis? Basically I am not sure how to architect my application.
You can use Knockout.js for multi page applications
There are several options for handling this type of thing that are detailed here: Example of knockoutjs pattern for multi-view applications