KnockoutJS things like binding don't work

[nikos101]

What do you do when simple

KnockoutJS 2.0 things like this don't work(button text is empty), and the sources load properly

<script type="text/javascript">



    function AppViewModel() {
      
        this.toggleIsFollowing = function () {
            this.toggleIsFollowing = !this.toggleIsFollowing
        };

        this.isFollowing = @Model.IsFollowing.ToString().ToLower()
        this.followButtonText = ko.computed(function () {
            return this.isFollowing ? "Follow" : "Unfollow";
        });
    }

    ko.applyBindings(new AppViewModel());

</script>

            <button class="radius secondary button" data-bind="text: followButtonText "></button>

[rnd me]

= @Model.IsFol...

i don't think that's legal

[nikos101]

sorry,false is rendered in that case

no script errors

[rnd me]

@ is a syntax error...

well, you also re-define the function toggleIsFollowing() as false, probably not what you want to do.


if that's not it, it sound like the this/that thing we usually see in dom events.
why not just close it instead of going through knockout?

 function AppViewModel() {
       var toggled = true;
        this.toggleIsFollowing = function () {
           toggled  = !toggled 
        };

        this.isFollowing = @Model.IsFollowing.ToString().ToLower()
        this.followButtonText = ko.computed(function () {
            return toggled  ? "Follow" : "Unfollow";
        });
    }