Javascript 条件显示淘汰js

Javascript 条件显示淘汰js,javascript,jquery,html,knockout.js,Javascript,Jquery,Html,Knockout.js,我有一个条件,根据我的数据显示或隐藏跨度 <span id="spanName" style="color:red" data-bind="text:$data.Name"></span> 如果名称是未定义的,而不是某个值或“”,我只需要隐藏div。我如何操作knockoutjs?只需使用 只需使用 您还可以创建一个计算结果 function ViewModel() { this.Name = ko.observable(), this.n

我有一个条件,根据我的数据显示或隐藏跨度

<span id="spanName" style="color:red" data-bind="text:$data.Name"></span>

如果名称是未定义的,而不是某个值或“”,我只需要隐藏div。我如何操作knockoutjs?

只需使用


只需使用


您还可以创建一个计算结果

function ViewModel() {
      this.Name = ko.observable(),
      this.nameHasValue = ko.computed(function() {
            return this.Name !== undefined;
      }, this);
};

<span id="spanName" style="color:red" data-bind="visible: nameHasValue, text: Name"></span>
函数ViewModel(){
this.Name=ko.observable(),
this.nameHasValue=ko.computed(函数(){
返回此.Name!==未定义;
},这个);
};

您还可以创建一个计算结果

function ViewModel() {
      this.Name = ko.observable(),
      this.nameHasValue = ko.computed(function() {
            return this.Name !== undefined;
      }, this);
};

<span id="spanName" style="color:red" data-bind="visible: nameHasValue, text: Name"></span>
函数ViewModel(){
this.Name=ko.observable(),
this.nameHasValue=ko.computed(函数(){
返回此.Name!==未定义;
},这个);
};

试试这个,它使用了
可见
绑定,所以在可见中我称之为可观察的,所以我们可以用它来验证可观察的值。因此,在JS
undefined
null
0
false
相同,因此有关这方面的更多信息,请参阅:

函数viewModel(){
this.text=ko.observable();
}
应用绑定(新的viewModel())
span{
填充物:5px;
背景色:红色;
颜色:#fff;
边缘顶部:25px;
}




试试这个,它使用了
可见
绑定,所以在可见中我称之为可观察的,所以我们可以用它来验证可观察的值。因此,在JS
undefined
null
0
false
相同,因此有关这方面的更多信息,请参阅:

函数viewModel(){
this.text=ko.observable();
}
应用绑定(新的viewModel())
span{
填充物:5px;
背景色:红色;
颜色:#fff;
边缘顶部:25px;
}




假设名称是可观察的,只需添加以下内容即可设置可见性:

<span id="spanName" style="color:red" data-bind="text:$data.Name, visible: $data.Name()"></span>

此外,如果希望在可见性为真时明确要求,则可以包括以下条件:

<span id="spanName" style="color:red" data-bind="text:$data.Name, visible: $data.Name() != null && $data.Name() != ''"></span>


如果您希望检查只包含空格或其他条件的字符串,则上述内容非常有用。

假设名称是可观察的,您只需添加以下内容即可设置可见性:

<span id="spanName" style="color:red" data-bind="text:$data.Name, visible: $data.Name()"></span>

此外,如果希望在可见性为真时明确要求,则可以包括以下条件:

<span id="spanName" style="color:red" data-bind="text:$data.Name, visible: $data.Name() != null && $data.Name() != ''"></span>


如果您想检查只包含空格或其他条件的字符串,上述内容非常有用。

为什么我的答案不正确?那有一个样本和解释。为什么我的答案不正确?有样品和说明的。