AngularJS ui-router: parameters for views

Question

In my AngularJS webapp based on ui-router, I have a state with several views.

I'd like to use the same template/controller (same instance of the controller) in 2 different views with a parameter. I already have the template and the controller.

  .state('home.action', {
    url: '/action',
    views:{
      '[email protected]':{
        templateUrl: 'criteria.html'
      },
    }
  })

I would need to have a string parameter with a static value different for the 2 views.

In action.html:

<div ui-view="criteria"/> //with param="criterias1"
<div ui-view="criteria"/> //with param="criterias2"

I'd like to use this param in the criteria.html template.

What is the best solution for implementing this ?

Regards.

Duplicate, please check stackoverflow.com/questions/25647454/… — udalmik
– udalmik, Commented Sep 4, 2015 at 9:19

user2879704 · Accepted Answer · 2015-09-04 09:13:04Z

0

.state('home.action', {
    url: '/action/:theValue',
    templateUrl: 'criteria.html'
  })
.state('home.action', {
    url: '/action/:theValue',
    templateUrl: 'criteria.html'
  })

The values, theValue is available inside your controller as, $stateParams.theValue

answered Sep 4, 2015 at 9:13

user2879704

Sign up to request clarification or add additional context in comments.

1 Comment

user3181983 Over a year ago

Right but I have only one instance of the controller.

Community · Accepted Answer · 2017-05-23 11:51:50Z

-1

I've found the solution.

Duplicate of this question

It works with onload.

Example: HTML

<script type="text/ng-template" id="section.html">
    <div>section {{ someValue }}. Type : {{ type }}</div>
</script>

<script type="text/ng-template" id="main.html">
    <h2>main content</h2>
    <div ui-view="section1" onload="type = 'type1'"></div>
    <div ui-view="section2" onload="type = 'type2'"></div>
</script>

<div>
    <h1>header</h1>
    <div ui-view></div>
<div>

And same state.

edited May 23, 2017 at 11:51

CommunityBot

11 silver badge

answered Sep 4, 2015 at 12:40

user3181983

1531 gold badge4 silver badges13 bronze badges

Collectives™ on Stack Overflow

AngularJS ui-router: parameters for views

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related