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!==未定义;
},这个);
};
试试这个,它使用了可见
绑定,所以在可见中我称之为可观察的,所以我们可以用它来验证可观察的值。因此,在JSundefined
,null
,0
和“
与false
相同,因此有关这方面的更多信息,请参阅:
函数viewModel(){
this.text=ko.observable();
}
应用绑定(新的viewModel())代码>
span{
填充物:5px;
背景色:红色;
颜色:#fff;
边缘顶部:25px;
}
试试这个,它使用了可见
绑定,所以在可见中我称之为可观察的,所以我们可以用它来验证可观察的值。因此,在JSundefined
,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>
如果您想检查只包含空格或其他条件的字符串,上述内容非常有用。为什么我的答案不正确?那有一个样本和解释。为什么我的答案不正确?有样品和说明的。