10 ms·
I'm currently building a single page app using this MVC-MVC approach. I use Angularjs in the browser, now.js for the interface, and, at the moment, custom code
by pygy_ 14y ago
I'm currently building a single page app using this MVC-MVC approach.
I use Angularjs in the browser, now.js for the interface, and, at the moment, custom code on the server that follows the MVC pattern.
The server is lightweight: its role is to
* manage authentication and authorizations,
* ensure data integrity and
* push data on update according to user permissions.
That's it.
http://angularjs.org/ http://angularjs.org/
http://nowjs.com/ http://nowjs.com/
- city41 14y agoI am doing a simialr thing. Except ASP.NET MVC 4 Web API on the server and Angular.js on the client. It feels very natural and simple to me. What I find odd is Angular.js works very similar to Silverlight, and my whole setup has similarities to Silverlight with RIA services. Yet SL+RIA never felt natural at all and was very difficult. I've not narrowed down where the difference lies.
- pygy_ 14y agoAngular is very impressive. There are lots of small things that make it nice to use. Among them: The lexical/nested scoping in the templates is just perfect. I've reviewed the documentation of all competing frameworks, and I couldn't figure how to do it in any of them. Since it was a primary requirement for my app, I went for Angular. The service-based architecture, and the automatic service injection in controllers, based on parameter names are pretty nice too, as is the fact that you can pass arbitrary parameters to filters. In a calendar widget that displays a month, I pad the `month` array with days of the surrounding months in order to get complete weeks. I wanted to have these days styled differently. `dayName` and `idem` are custom filters. <ul id="calendar"> <li ng-repeat="day in month.days" class="day {{day.day|dayName}} this-month-{{day.month|idem:month.month}}"> <div class="date-number">{{day.date}}</div> Events go here. </li> </ul> In CSS: .this-month-false{opacity: 0.7;} .sunday{clear:both} .day{float:left;width=...;height=...;} Bam: calendar!