Question

我正在编写一个简单的AngularJS应用程序，它从openWeatherAPI中检索一些数据并返回一些值。

现在我希望能够以摄氏度或华氏度显示气温。我想我会使用ng-show和ng-click执行此操作。不知怎的，我似乎无法让它发挥作用。

我所做的是定义一个名为stopinje的变量，如下所示：$scope.stopinje = true;。然后我想使用ng-click将其更改为false，因此当用户单击按钮时，摄氏度将消失，并且将显示fahrnheit度。

我的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 }}&nbsp;&deg;C</li>
<li ng-show="{{stopinje}}"><button ng-click="stopinje = false">show temperature in fahrnheit</button></li>

我的控制器：

$scope.stopinje = true;

这是整个事情的codepen。

Answer 1

ng-show指令不喜欢{{ }}语法。直接提供一个表达式：

<li ng-show="!stopinje">{{ fahrnheit }}</li>

AngularJS - ng-show，ng-click无效

1 个答案: