AngularJs scope variable window.open

Question

I have a AngularJs Application in which I want to pass scope variable to onclick="window.open('{{portfolio.link}}', '_system');"

My Code :

<a class="item item-avatar txtShow" onclick="window.open('"{{portfolio.link}}"', '_system');" ng-repeat="portfolio in freelancer.portfolio">
  <img class="portfoliobg" src="{{portfolio.image}}">
  <h2>{{portfolio.name}}</h2>
  <p>{{portfolio.description}}</p>
  <h5>Added On :{{portfolio.adddate}}</h5>
</a>

Here my angularJS variable is not working and its taking it as simple text

Why do you try to write onClick method implementation into HTML? It makes difficult to maintenance And why not ng-click (if you use Angular)? — Maxim Shoustin
– Maxim Shoustin, Commented Jul 23, 2014 at 13:58

chenware · Accepted Answer · 2015-07-07 04:07:23Z

3

Ran into a similar problem and ended up using a function in my controller to make it work.

    <a class="item item-avatar txtShow" ng-click="openPortfolioURL()">
  <img class="portfoliobg" src="{{portfolio.image}}">
  <h2>{{portfolio.name}}</h2>
  <p>{{portfolio.description}}</p>
  <h5>Added On :{{portfolio.adddate}}</h5>
</a>

Then in the controller:

$scope.openPortfolioURL = function() {
    try {
        var portfolioURL = $scope.portfolio.link;
        window.open(portfolioURL, '_system');
    } catch (err) {
        alert(err);
    }
}

Credit to the Ionic forums.

answered Jul 7, 2015 at 4:07

chenware

8698 silver badges21 bronze badges

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

Collectives™ on Stack Overflow

AngularJs scope variable window.open

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related