我正在编写一个简单的 AngularJS 应用程序,它从 openWeatherAPI 检索一些数据并返回一些值。
现在我希望能够以摄氏度或华氏度显示气温。我想我应该使用 ng-show 和 ng-click 来做到这一点。不知怎的,我似乎无法让它工作。
我所做的就是定义一个名为 stopinje 的变量,如下所示:$scope.stopinje = true;
。然后我想使用 ng-click 将其更改为 false,这样当用户单击按钮时,摄氏度将消失,而华氏度将出现。
我的 HTML:
<li ng-show="{{!stopinje}}">{{ fahrnheit }}</li>
<li ng-show="{{!stopinje}}"><button ng-click="stopinje = true">show temperature in celsius</button></li>
<li ng-show="{{stopinje}}">{{ celsius }} °C</li>
<li ng-show="{{stopinje}}"><button ng-click="stopinje = false">show temperature in fahrnheit</button></li>
我的 Controller :
$scope.stopinje = true;
这是一个codepen整个事情。
最佳答案
ng-show
指令不喜欢 {{ }}
语法。只需直接为其提供一个表达式即可:
<li ng-show="!stopinje">{{ fahrnheit }}</li>
关于javascript - AngularJS - ng-show 和 ng-click 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35317031/