Javascript 角度js ng实时隐藏不'；行不通

如果变量$scope.city为空html，我想隐藏一段html：

<div class="col-lg-12" **ng-hide="{{city === ''}}"**>
     <h1>{{forecast.data.city.country}} ,{{forecast.data.city.name}} </h1>
     <h2>Forcast for : {{city}}</h2>
</div>

<div class="col-lg-8">
    <div class="input-group">
     <span class="input-group-addon" id="basic-addon1">City@</span>
     <input type="text" **ng-model="city"** class="form-control" placeholder="Username" aria-describedby="  basic-addon1">
    </div>
</div>

}]))

那么，当我的$scope.city发生变化时，如何使ng hide实时工作？谢谢。

代替

ng hide=“{{city==='''}}”

这样写

ng hide=“city.length==0”

---

city

已绑定到控制器中的

$scope

，并且

ng hide/ng show

需要一个表达式。因此，您不需要使用双花括号（

{{}

）对其求值为真或假，只需提供如下表达式

“city.length==0”

更改代码使用

ngif

而不是

nghide

，因为

ngif

不会创建元素

<div class="col-lg-12" ng-if="!city.length">
     <h1>{{forecast.data.city.country}} ,{{forecast.data.city.name}} </h1>
     <h2>Forcast for : {{city}}</h2>
</div>

{{forecast.data.city.country}，{{forecast.data.city.name}
预测：{{城市}

或

<div class="col-lg-12" ng-hide="city.length">
    <h1>{{forecast.data.city.country}} ,{{forecast.data.city.name}} </h1>
    <h2>Forcast for : {{city}}</h2>
</div>

{{forecast.data.city.country}，{{forecast.data.city.name}
预测：{{城市}

试试这个

---

ng hide=“city==”

您不必使用

{{}

，它已经绑定为表达式change ng hide=“{{city==”}到ng hide=”！city.length“谢谢，它起作用了，但我仍然不明白为什么我不应该使用{{}？因为ng hide或ng click等下的任何内容..都作为表达式计算。引用此帖子@Mikail不需要检查city.length==0，只需添加！city.length，0已经是false

<div class="col-lg-12" ng-hide="city.length">
    <h1>{{forecast.data.city.country}} ,{{forecast.data.city.name}} </h1>
    <h2>Forcast for : {{city}}</h2>
</div>