背景:用户在文本框中输入他的城市,然后他将被带到显示当天平均温度的新页面,以及一般的天气预报(天气)预计下雨,下雪等。)我希望页面动态响应预测,因此如果预计会下雪,它会加载某些数据。为此,我将模型附加到负责呈现预测的html元素。要使用JSON获取预测数据,我使用的是OpenWeatherMap API(http://openweathermap.org/api)
问题:我的角度应用程序无法响应天气预报,我不确定为什么会出现这种情况。
以下是相关的角度代码:
$scope.forecast = '';
$scope.isSnow = function() {
var subString = 'snow';
if (($scope.forecast).indexOf(subString) > -1) {
return 'snow!';
} else {
return 'no snow';
}
}
以下是相关的html:
<div class="panel-body">
Daytime temperature: {{convertToCelcius(W.temp.day)}} °C
general forecast: <div ng-model="forecast">{{W.weather[0].description}}</div>
<div>{{isSnow()}}</div>
所以,即使预测显示&#34;小雪&#34;,html正在呈现&#34;没有下雪&#34;。我的理解是ng-model有两种方式,所以html中改变的内容应该反映在$ scope.forecast中,为什么不发生呢?