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\';

AngularJs打印双引号

1 个答案: