create a single html view for multiple partial views in angularjs

by

You could use ng-switch to conditionally render your productList with an include, depending on the route parameters.

Try this in your config:

    angular.module('productapp', [])
      .config(['$routeProvider', function($routeProvider) {
      $routeProvider
        .when('/productapp', {templateUrl: 'partials/productList.html', controller: productsCtrl})
        .when('/productapp/:productId', {templateUrl: 'partials/productList.html', controller: productsCtrl})
        .otherwise({redirectTo: '/productapp'});

And in your controller:

    function productsCtrl($scope, $routeParams) {
      $scope.productId = $routeParams.productId;
    }

And in your html:

    <...productListHtml...>
    <div ng-switch="productId != null">
      <div ng-switch-when="true" ng-include="'partials/product.html'">
    </div>

More Related Contents:

  1. AngularJS routing without a web server
  2. Angularjs, passing scope between routes
  3. Failed to instantiate module [$injector:unpr] Unknown provider: $routeProvider
  4. How to get current route path in Flutter?
  5. How/when to use ng-click to call a route?
  6. What are the nuances of scope prototypal / prototypical inheritance in AngularJS?
  7. $on and $broadcast in angular
  8. AngularJS-Twig conflict with double curly braces
  9. How to get the difference of two dates in mm-dd-hh format in Javascript
  10. How to filter array when object key value is in array
  11. How to count total number of watches on a page?
  12. No ‘Access-Control-Allow-Origin’ header is present on the requested resource- AngularJS
  13. How to use ASP.NET MVC and AngularJS routing?
  14. Preventing / dealing with double button clicks in angular
  15. angular.element vs document.getElementById or jQuery selector with spin (busy) control
  16. Chaining Ajax calls in AngularJs
  17. Why angularjs will invoke function `name()` twice?
  18. Non-angular page opened after a click
  19. AngularJS multiple expressions concatenating in interpolation with a URL
  20. AngularJS : How to use one resolve for all the routes of my application
  21. Difference between ui-sref and $state.go in AngularJS UI-Router
  22. Angular filter a object by its properties
  23. Rails CSRF Protection + Angular.js: protect_from_forgery makes me to log out on POST
  24. how to download file using AngularJS and calling MVC API?
  25. How do I get the offset().top value of an element without using jQuery?
  26. Testing route configuration in ASP.NET WebApi
  27. $resource callback (error and success)
  28. How can I use Rails routes to redirect from one domain to another?
  29. MVC 2 AreaRegistration Routes Order
  30. Filter Array Using Checkboxes with AngularJS

Leave a Comment