javascript - AngularJs打印双引号

Question

我在我的 MVC 应用程序中使用 AngularJs，我对 AngularJs 有点陌生。我遇到了问题并且无法找到它。 AngularJs 在 html 中打印双引号。这是我的示例代码。

我做错了什么？

<div class="visible-md visible-lg col-md-3 text-right" ng-controller="WeatherController">
    <div class="weather">
        <i id="weather_icon" class="icon">
            {{condition_image}}
        </i>
        <h3>
            <span class="glyphicon glyphicon-map-marker"></span>
            <span id="cityName"></span>

            <span class="temp">
                <span>
                    {{weathers}}
                </span>
            </span>
        </h3>
        <span class="date" id="current_date">
        </span>
    </div>
</div>

这就是我设置变量的方式。

$http.get('/api/getweatherbycityname/' + $city).
            success(function (data, status, headers, config) {
                $scope.weathers = data.condition_temp + '℃ ';
                $scope.condition_image = '<img src=\'~/Images/Weather/wi-yahoo-' + data.condition_code + '.png\' />';
                //document.getElementById("weather_icon").className += ' wi-yahoo-' + data.condition_code;
            }).
            error(function (data, status, headers, config) {
                //alert(data);
            })

Answer 1

你可以做这样的事情

使用ng-src

在 HTML 中:

    <img ng-src="{{condition_image}}" />

在 Angularjs 代码中:

 $scope.condition_image = '~/Images/Weather/wi-yahoo-' + test + '.png\';