AngularJS ng-click with data-toggle

Question

I have a list item which toggles modal and sets a param using ng-click the problem is when calling a function in any other place which logs Course.SelectedCourse it's undefined although Course.ID has a value.

<li class="facebook" style="width:33%;">
   <a ng-click="Course.SelectedCourse = Course.ID" data-toggle="modal" data-target="#myModal">
      <span class="glyphicon glyphicon-user"></span>
   </a>
</li>

This take place also after you selected one item of the list, or only the first time when you not yet click a button? — Ignacio Chiazzo
– Ignacio Chiazzo, Commented Dec 26, 2015 at 23:40
i clicks that button which opens a modal that has a button that calls a function "dummyfun(Course.SelectedCourse)" where i log (Course.SelectedCourse) — JenuRudan
– JenuRudan, Commented Dec 26, 2015 at 23:42

Ignacio Chiazzo · Accepted Answer · 2016-04-16 11:50:56Z

4

Use a function in the controller, this might look like this :

In the view :

<li class="facebook" style="width:33%;" >
  <a ng-click="setSelectedCourse(Course.ID)" data-toggle="modal" data-target="#myModal">
    <span class="glyphicon glyphicon-user"></span>
  </a>
</li>

In the controller

function setSelectedCourse(course_id){
  $scope.Course.SelectedCourse = course_id;
}

edited Apr 16, 2016 at 11:50

answered Dec 26, 2015 at 23:46

Ignacio Chiazzo

1,13713 silver badges25 bronze badges

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

1 Comment

Matko Over a year ago

It works for me. Does anyone have explanation for this behaviour ? What is the difference ? Why doesn't this work: ng-click="Course.SelectedCourse = Course.ID" ?

psyked · Accepted Answer · 2017-06-30 14:02:11Z

1

In AngularJS, directives have their own scope, your list is generated with ng-repeat, isn't it ? That's why

"Course.SelectedCourse = Course.ID"

doesn't work, because inside the div ng-repeat is looping $scope.Course is created locally and isn't the same that the one in your main controller. Besides, functions from main controller can be called by directives, That's why the previous answer works.

answered Jun 30, 2017 at 14:02

psyked

912 silver badges9 bronze badges

Collectives™ on Stack Overflow

AngularJS ng-click with data-toggle

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related