Comment faire pour afficher ou cacher la div par la liaison

Pour Exemple:

Dans le viewModel,

//Makes webApi call to get the data from some repository
function GetData() {
            var data = http.get(apiUrl)
            .success(function (result) {
                 if (result != null || result !='')
                 {
                    //success display the data
                    vm.dataDisplay;
                 }
               else {
                    vm.errorMsg('No data');

                }
            })

//viewModel

 var vm = {
            activate: activate,
            dataDisplay: ko.observableArray(),
            errorMsg:ko.observable(''),
           };
        vm.activate();
        return vm;

//point de vue.
Prévu.

If( errorMsg == 'No Data')
{
//show errordata div and hides displayData div
<div class="errorData" data-bind="text:errorMsg"/>
}
else
{
//Show displayData div and hide errorData div
<div class="displayData" data-bind="text:dataDisplay" />
}

La façon de mettre ce grâce à la liaison??

Je peux utiliser ko attr ou visible.
Mais mon exigence est de cacher/montrer par le biais de la liaison seulement.
Merci de me suggérer comment le faire?
Merci à l'Avance.

InformationsquelleAutor user2333363 | 2013-04-29
  1. 12

    Vous êtes de droite, vous avez juste besoin d'utiliser le visible contraignant, ce qui ne ferait que montrer l'élément HTML si la valeur de l'observable n'est PAS un null, undefined, ou une chaîne vide. Cela devrait fonctionner:

    <div class="errorData" data-bind="visible: errorMsg, text:errorMsg"/>

<div class="displayData" data-bind="visible: dataDisplay, text:dataDisplay" />

    Aussi, si "dataDisplay" est en effet un tableau, vous devez utiliser: 

    <div class="displayData" data-bind="visible: dataDisplay().length, text:dataDisplay" />
    • Vous ne devriez pas avoir à ajouter de l' () - si vous faites ça, vous êtes de liaison de la valeur littérale, et non observables lui-même
    • vous avez raison, il est seulement nécessaire pour le tableau de la visibilité. Ah, et bien... c'est la fin de la journée, à bientôt. Merci pour la correction de moi.
    • Merci à vous tous. son travail maintenant.
    • Pas de problème, je serais heureux de vous aider. Si ça fonctionne, pourriez-vous accepter la réponse et upvote il ? Merci !
    • <div class="errorData" data-bind="visible: errorMsg, texte:errorMsg"/>. Dans le visible: errorMsg, le errorMsg sera vrai/faux, ensuite seulement on peut afficher le texte:errorMsg.J'ai donc modifié comme ci-dessous: <div data-bind:"visibles:displayError, texte:errorMsg />.Ici displayError est un booléen observables(vrai/faux).si c'est vrai le errorMsg affiche sinon il sera invisible.
    InformationsquelleAutor Jalayn
  2. 0

    Utiliser cette méthode car il va vous aider à résoudre ce que vous essayez de mettre en œuvre

    self.ClickLoad=ko.observable(false);
self.Enable=ko.observable();
Enable=function(){
    self.ClickLoad=ko.observable(true);
    console.log(self.ClickLoad);
}

<div data-bind="visible: Enable()">
    <p>sjknscjksnajcn</p>
</div>
    InformationsquelleAutor Ogunleye Lawrence