gpt4 book ai didi

javascript - 为什么这个 ng-show 指令不起作用?

转载 作者:行者123 更新时间:2023-12-03 12:04:56 25 4
gpt4 key购买 nike

似乎我在 ng-show 的设置中遗漏了一些非常明显的东西在我的 Angular 1.2.21 应用程序中(此处隔离了测试用例)。我希望仅当字符串不为空时才显示元素。假设我有一些带有静态标题的动态(可能是空的)文本,并且我不希望在文本为空时显示带有标题和空文本的整个元素。

I tried like so (complete plunkr) :

html:

<body ng-controller="FooController">
foo: "{{ foo }}"
<div>{{ rand }}</div>
<div ng-show={{ foo }}>Hello foo{{ foo }}!</div>
<div ng-show={{ bar }}>You ought to be hiding!</div>
</body>

和js:

angular.module('MyApp', [])
.controller('FooController', ['$scope',
function($scope) {
$scope.rand = Math.random();
$scope.foo = $scope.rand > 0.5 ? "bar" : "";
$scope.bar = false;
}
]);

现在我期待“Hello foobar”<div>仅显示随机值 > 0.5 时的情况,为了进行双重检查,我添加了 $scope.bar这是错误的,所以我肯定会期待“你应该躲起来!” <div>被隐藏。

然而,事实并非如此。我在这里缺少什么?

最佳答案

试试这个:

<body ng-controller="FooController">
foo: "{{ foo }}"
<div>{{ rand }}</div>
<div ng-show="foo">Hello foo{{ foo }}!</div>
<div ng-show="bar">You ought to be hiding!</div>
</body>

您的 ng-show 语法不正确。您不应使用 {{}}

关于javascript - 为什么这个 ng-show 指令不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25227155/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com