repeat scripts in angularjs

Question

I have the following html and javascript code. I would like to see the script part (the alert) repeated.

<div id='ItemsContainer' ng-app='myApp'>
    <div ng-controller='Controller'>
      <div ng-repeat='item in items' >
        {{item}}
        <script>alert("{{item}}");</script>
        </div>
    </div>
</div>

function Controller($scope) {
    $scope.log = function(m) {
        console.log(m);                
    };    
    $scope.items = [1, 2];
}

Is this possible using angularjs?

You can create a custom filter and have the alert inside the filter function — tymeJV
– tymeJV, Commented Mar 4, 2014 at 17:26
you can call javascript functions using the {{ }} syntax, so you could just call a function in your controller? Perhaps this is an over- simplification of your actual need? I only say this because what you've show doesn't seem very angularjs? — Josh Petitt
– Josh Petitt, Commented Mar 4, 2014 at 17:32
It's an oversimplification indeed. What I'm trying to achieve is to repeat some javascript in an angularjs ng-repeat. — Kirk Olson
– Kirk Olson, Commented Mar 5, 2014 at 10:44

tymeJV · Accepted Answer · 2014-03-04 17:28:09Z

1

Something like this may work:

<div ng-repeat='item in items | filter: alertItem' >

function alertItem(item) { alert(item) }

answered Mar 4, 2014 at 17:28

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

Comments

Artyom Pranovich · Accepted Answer · 2014-03-04 17:35:30Z

0

If I correct understand question, I create JSFiddle with my variant:

<div ng-app>
  <div ng-controller="MainCtrl">
      <div ng-repeat='item in items' ng-init="alertFunc(item)">
          {{item}} 
      </div>
  </div>
</div>


function MainCtrl($scope) {
    $scope.log = function(m) {
        console.log(m);                
    };    
    $scope.items = [1, 2];

    $scope.alertFunc = function(item){
        alert(item);
    }
}

edited Mar 4, 2014 at 17:35

answered Mar 4, 2014 at 17:29

Artyom Pranovich

6,9728 gold badges44 silver badges60 bronze badges

1 Comment

Kirk Olson Over a year ago

Thanx from this angularjs newbie! this seems to satisfy my needs for now.

Collectives™ on Stack Overflow

repeat scripts in angularjs

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related