How to include angular syntax in Razor

Question

Can Angular syntax be included in Razor:

In the code below I am trying to say if "p.name" is not equal to "Select All" display an image but I dont think I can include {{p.name}} in the if statement

<div ng-repeat="p in Data.platforms">
    <div style="font-size: smaller">
        <input type="checkbox" ng-model="p.selected" />

        @if ("p.name" != "Select All") {
            <img ng-src="{{'/Content/img/'+p.name+'.jpg'}}" width="16" height="16" alt="{{p.name}}" />
        } 

        {{p.name}}
    </div>
</div>

no you can't use values in javascript variables for razor (which renders server-side). — Davin Tryon
– Davin Tryon, Commented Sep 12, 2013 at 15:53

TheSharpieOne · Accepted Answer · 2013-09-12 16:11:23Z

2

in Razor you are comparing two strings that will never be equal. "p.name" != "Select All" will always be true.

This all takes place before angular.

In angular you can use ng-show

<div ng-repeat="p in Data.platforms">
    <div style="font-size: smaller">
        <input type="checkbox" ng-model="p.selected" />
        <img ng-show="p.name != 'Select All'" ng-src="{{'/Content/img/'+p.name+'.jpg'}}" width="16" height="16" alt="{{p.name}}" />
        {{p.name}}
    </div>
</div>

edited Sep 12, 2013 at 16:11

answered Sep 12, 2013 at 15:51

TheSharpieOne

25.7k9 gold badges71 silver badges80 bronze badges

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

Comments

zs2020 · Accepted Answer · 2013-09-12 16:19:30Z

0

You can't do that since Razor has no idea about what the value of p.name evaluates.

However you can achieve it with AngularJS

<img ng-show="p.name!= 'Select All'" ng-src="{{'/Content/img/'+p.name+'.jpg'}}" width="16" height="16" alt="{{p.name}}" />

edited Sep 12, 2013 at 16:19

answered Sep 12, 2013 at 15:53

zs2020

54.7k30 gold badges157 silver badges223 bronze badges

1 Comment

TheSharpieOne Over a year ago

Doesn't work, it will always show the image. See stackoverflow.com/a/18768940/1873485 for more details as to why.

Collectives™ on Stack Overflow

How to include angular syntax in Razor

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